Как создать лучший сайт о йоге: пошаговое руководство с изображениями.
Как создать лучший сайт о йоге: пошаговое руководство с изображен.
Вы хотите создать потрясающий сайт о йоге, чтобы отметить присутствие в Интернете? Ищете большое количество студентов для развития вашего бизнеса? Вот ответ на все ваши вопросы.
Если вы профессионал йоги и хотите стать йогом, охватывая огромную клиентуру, большое количество последователей … Пришло время создать лучший сайт йоги для успешного продвижения себя. Узнайте, как легко создать увлекательный сайт за считанные минуты, чтобы он мог сосредоточиться на вашем бизнесе и пропагандировать йогу для физического, умственного и духовного благополучия. Давайте рассмотрим простые шаги по созданию лучшего сайта йоги в , даже если у вас нет опыта программирования.
Шаг 1: Настройка среды .
Шаг 2. Создайте тему для своего сайта о йоге.
Шаг 3: Загрузите тему в .
Шаг 4: Установите плагины.
Шаг 1. Настройка среды
легко установить на хостинге или
Если вас интересует локальная установка , прочтите
Шаг 2. Создайте тему для своего сайта о йоге
Теперь вам в первую очередь нужна тема для вашего сайта йоги. Здесь мы собираемся продемонстрировать настройку темы сайта йоги с помощью конструктора
Давайте углубимся в процесс разработки сайта йоги.
- Запустите конструктор сайтов
TemplateToaster, и мы увидим диалоговое окно запуска, как показано ниже. Поскольку он поддерживает все популярные системы управления контентом, мы должны выбрать ту, которая нам нужна – с контентом.
- Затем у нас есть выбор: начать с нуля или использовать образцы шаблонов. Но мы предпочли создать сайт йоги с нуля.
- Теперь мы указываем цветовую схему и типографику для темы со следующего экрана и начинаем с настройки из основного интерфейса программного обеспечения.
Вот основной интерфейс программного обеспечения, обеспечивающий различные варианты в хорошо структурированном дизайне для удобства пользователя.
Первое, с чего нужно начать, – это заголовок. Итак, мы выбираем вкладку заголовка, но мы предпочли макет «Без заголовка» из позиции заголовка.
- Разработка меню
Двигаясь дальше в разработке меню, мы разместили логотип из вкладки меню. Можно выбрать логотип из доступного запаса или просмотреть свой собственный логотип с опцией «Еще».
Как только логотип появится в меню, мы можем перетащить его, чтобы установить его положение. Мы поместили его в левый угол и переместили пункты меню вправо, выбрав Свойства кнопки меню → Выравнивание → Право и высота – 50%.
Теперь в опциях группы кнопок меню; мы устанавливаем цвет фона пунктов меню в активном состоянии как:
Фон → Активный → Выбрать цвет
Здесь мы устанавливаем все свойства, такие как поля панели, поля кнопок, отступы, текстуры и т.д., В соответствии с нашими предпочтениями дизайна.
Добавьте страницы на свой сайт
Теперь в TemplateToaster на левой панели мы можем добавлять новые страницы на сайт как Pages → Add New Page. Основными страницами, которые мы добавляем на наш сайт йоги, будут: «Главная», «О нас», «Членство», «Классы», «Блог», «Свяжитесь с нами».
- Создание слайд-шоу
Перейдите на вкладку «Слайд-шоу» и установите флажок «Слайд-шоу».
В позиции слайд-шоу выбранное меню внутри слайд-шоу. Теперь мы перешли к первому слайду слайд-шоу.
Выберите изображение переднего плана для слайд-шоу из доступных изображений, или мы можем просмотреть собственное изображение. Когда мы нажимаем на изображение в слайд-шоу, открывается вкладка формата, чтобы установить высоту, ширину, эффекты перехода, продолжительность перехода, время начала, эффект слайда → слева.
Теперь мы добавляем текстовую область в слайд-шоу с помощью опции «Текстовые области». Как и для изображения переднего плана, мы также можем установить его высоту, ширину, эффекты перехода, длительность перехода, время начала (больше, чем изображение), эффект слайда → Прямо здесь.
Точно так же мы проектируем другие слайды в соответствии с нашими потребностями с различными доступными вариантами дизайна.
- Разработка страницы содержимого
Теперь переходим на вкладку «Содержимое», когда мы щелкаем по разделу «Содержимое» – активируются все параметры. Во-первых, поскольку нам нужны только два столбца в первой строке, мы предпочли удалить лишние ячейки из параметра «Ячейка» и из столбцов, выберите макет с двумя столбцами.
А теперь в первом столбце удалите содержимое и из вкладки редактора – мы добавим изображение позы йоги как:
Вкладка «Редактор» → Изображение → Просмотреть изображение → Открыть → ОК
Во Вторую колонку мы помещаем текст, относящийся к этой позе йоги. Мы добавляем заголовок и содержимое в эту ячейку.
Затем поставьте кнопку с надписью «Узнать больше». И мы можем стилизовать и связать эту кнопку с другой страницей.
Теперь для второй строки мы выбрали макет из четырех столбцов, чтобы разместить больше контента. Во-первых, мы добавляем фон в этот ряд.
Если вам нужно, вы можете добавить больше строк или удалить существующие с помощью кнопок + и – в опции Row. Точно так же мы можем дополнительно разработать контентную часть в соответствии с нашими предпочтениями.
- Дизайн нижнего колонтитула
Для нижнего колонтитула выберите желаемый дизайн предварительных настроек и макет. Установите фон и добавьте контент и сделайте его привязку правильно. У вас также есть возможность добавить значки социальных сетей в TemplateToaster.
Мы все настроены на экспорт нашей темы сайта йоги. На верхней панели быстрого доступа с помощью значка – мы можем легко экспортировать тему, указав желаемое имя и местоположение.
Или
Перейдите в Файл -> Экспорт -> Укажите имя файла и путь -> нажмите Экспорт.
Шаг 3. Загрузите тему в
Во-первых, экспортируйте файл темы в желаемое место.
Теперь войдите в панель управления и с левой боковой панели перейдите в Внешний вид → Темы → Добавить новый → Загрузить → Обзор.
После просмотра экспортированного файла нажмите «Установить сейчас», а затем «Активировать».
Шаг 4: Установите плагины
Теперь для отображения разных планов членства нам понадобятся два плагина.
Выберите плагины → Добавить новый → Установить сейчас → Активировать.
Теперь вы можете видеть плагины на левой боковой панели, и один за другим можете настраивать оба плагина.
Во-первых, мы создаем уровни участников в плагине Paid Membership Pro, такие как Regular, Premium, VIP Member, как показано ниже:
Теперь мы можем легко управлять автоматически созданными связанными страницами с уровнями членства, такими как страница учетной записи, страница платежной информации, страница оформления заказа и т.д., Как показано ниже. Вы также можете указать различные платежные шлюзы, такие как Visa, Mastercard и многие другие.
Как только мы закончили со всеми настройками, перейдите к плагину Pricing Tables. Здесь мы добавим новую таблицу, нажав кнопку «Добавить», то есть «домашнее членство».
Теперь, нажав на название стола, вы можете добавить планы членства, например, для обычного члена, премиум-члена, VIP-члена и т.д.
Теперь мы получим шорткод таблицы планов членства, которую мы только что создали, как показано ниже:
и вставьте код в конец страницы членства, как показано ниже:
Получившаяся страница членства в интерфейсе будет выглядеть так:
Точно так же страница с данными участника, созданная с помощью плагина Paid members pro Plugin, используется для получения информации об имени, адресе, подходящем времени и т.д. Эта страница откроется, когда мы нажмем кнопку ПРИСОЕДИНИТЬСЯ СЕЙЧАС на странице членства.
Это оно !! Мы готовы создать сайт о йоге. Наконец-то мы можем увидеть это в браузере.
Подводить итоги
Мы разработали сайт йоги с темой, созданной TemplateToaster, и плагинами таблиц цен, платным членством Pro. Как TemplateToaster,
Источник записи: