WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

39

Вы хотите создать потрясающий веб-сайт о йоге, чтобы отметить присутствие в Интернете? Ищете большое количество студентов для развития вашего бизнеса? Вот ответ на все ваши вопросы.

Если вы профессионал йоги и хотите стать йогом, охватывая огромную клиентуру, большое количество последователей … Пришло время создать лучший сайт йоги для успешного продвижения себя. Узнайте, как легко создать увлекательный веб-сайт за считанные минуты, чтобы он мог сосредоточиться на вашем бизнесе и пропагандировать йогу для физического, умственного и духовного благополучия. Давайте рассмотрим простые шаги по созданию лучшего веб-сайта йоги в WordPress, даже если у вас нет опыта программирования.

Шаг 1: Настройка среды WordPress.

Шаг 2. Создайте тему для своего веб-сайта о йоге.

Шаг 3: Загрузите тему в WordPress.

Шаг 4: Установите плагины.

Шаг 1. Настройка среды WordPress

WordPress легко установить на веб-хостинге или локальном хосте. Вы можете работать прямо на своем сайте на сервере, используя веб-хостинг. С локальным хостом вы будете создавать свой сайт в своей персональной компьютерной системе. Но нет никакой разницы в использовании WordPress на веб-хостинге или локальном хосте. Практически каждый веб-хостинг предоставляет возможность установки в один клик. Итак, вы можете установить WordPress одним щелчком мыши на веб-хосте.

Если вас интересует локальная установка WordPress, прочтите процедуру установки XAMPP и WordPress. Позже вы можете перенести эту созданную тему из локальной среды на сервер.

Шаг 2. Создайте тему для своего веб-сайта о йоге

Теперь вам в первую очередь нужна тема для вашего сайта йоги. Здесь мы собираемся продемонстрировать настройку темы веб-сайта йоги с помощью конструктора веб- сайтов TemplateToaster. Перед тем, как начать, было бы обязательно узнать об этом инструменте для создания тем. TemplateToaster – это уникальное настольное приложение для разработки тем / шаблонов, которое автоматически генерирует код на сервере. Следовательно, вы можете легко создать тему с помощью этого динамического конструктора тем с перетаскиванием без каких-либо накладных расходов на код.

Давайте углубимся в процесс разработки веб-сайта йоги.

  • Запустите конструктор сайтов WordPress TemplateToaster, и мы увидим диалоговое окно запуска, как показано ниже. Поскольку он поддерживает все популярные системы управления контентом, мы должны выбрать ту, которая нам нужна – WordPress с контентом.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

  • Затем у нас есть выбор: начать с нуля или использовать образцы шаблонов. Но мы предпочли создать сайт йоги с нуля.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

  • Теперь мы указываем цветовую схему и типографику для темы со следующего экрана и начинаем с настройки из основного интерфейса программного обеспечения.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Вот основной интерфейс программного обеспечения, обеспечивающий различные варианты в хорошо структурированном дизайне для удобства пользователя.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Первое, с чего нужно начать, – это заголовок. Итак, мы выбираем вкладку заголовка, но мы предпочли макет «Без заголовка» из позиции заголовка.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

  • Разработка меню

Двигаясь дальше в разработке меню, мы разместили логотип из вкладки меню. Можно выбрать логотип из доступного запаса или просмотреть свой собственный логотип с опцией «Еще».

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Как только логотип появится в меню, мы можем перетащить его, чтобы установить его положение. Мы поместили его в левый угол и переместили пункты меню вправо, выбрав Свойства кнопки меню → Выравнивание → Право и высота – 50%.

Теперь в опциях группы кнопок меню; мы устанавливаем цвет фона пунктов меню в активном состоянии как:

Фон → Активный → Выбрать цвет

Здесь мы устанавливаем все свойства, такие как поля панели, поля кнопок, отступы, текстуры и т.д., В соответствии с нашими предпочтениями дизайна.
Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Добавьте страницы на свой сайт

Теперь в TemplateToaster на левой панели мы можем добавлять новые страницы на сайт как Pages → Add New Page. Основными страницами, которые мы добавляем на наш веб-сайт йоги, будут: «Главная», «О нас», «Членство», «Классы», «Блог», «Свяжитесь с нами».

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

  • Создание слайд-шоу

Перейдите на вкладку «Слайд-шоу» и установите флажок «Слайд-шоу».

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

В позиции слайд-шоу выбранное меню внутри слайд-шоу. Теперь мы перешли к первому слайду слайд-шоу.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Выберите изображение переднего плана для слайд-шоу из доступных изображений, или мы можем просмотреть собственное изображение. Когда мы нажимаем на изображение в слайд-шоу, открывается вкладка формата, чтобы установить высоту, ширину, эффекты перехода, продолжительность перехода, время начала, эффект слайда → слева.

Теперь мы добавляем текстовую область в слайд-шоу с помощью опции «Текстовые области». Как и для изображения переднего плана, мы также можем установить его высоту, ширину, эффекты перехода, длительность перехода, время начала (больше, чем изображение), эффект слайда → Прямо здесь.
Точно так же мы проектируем другие слайды в соответствии с нашими потребностями с различными доступными вариантами дизайна.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

  • Разработка страницы содержимого

Теперь переходим на вкладку «Содержимое», когда мы щелкаем по разделу «Содержимое» – активируются все параметры. Во-первых, поскольку нам нужны только два столбца в первой строке, мы предпочли удалить лишние ячейки из параметра «Ячейка» и из столбцов, выберите макет с двумя столбцами.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

А теперь в первом столбце удалите содержимое и из вкладки редактора – мы добавим изображение позы йоги как:

Вкладка «Редактор» → Изображение → Просмотреть изображение → Открыть → ОК

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Во Вторую колонку мы помещаем текст, относящийся к этой позе йоги. Мы добавляем заголовок и содержимое в эту ячейку.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Затем поставьте кнопку с надписью «Узнать больше». И мы можем стилизовать и связать эту кнопку с другой страницей.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Теперь для второй строки мы выбрали макет из четырех столбцов, чтобы разместить больше контента. Во-первых, мы добавляем фон в этот ряд.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Если вам нужно, вы можете добавить больше строк или удалить существующие с помощью кнопок + и – в опции Row. Точно так же мы можем дополнительно разработать контентную часть в соответствии с нашими предпочтениями.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

  • Дизайн нижнего колонтитула

Для нижнего колонтитула выберите желаемый дизайн предварительных настроек и макет. Установите фон и добавьте контент и сделайте его привязку правильно. У вас также есть возможность добавить значки социальных сетей в TemplateToaster.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Мы все настроены на экспорт нашей темы веб-сайта йоги. На верхней панели быстрого доступа с помощью значка WordPress – мы можем легко экспортировать тему, указав желаемое имя и местоположение.

Или

Перейдите в Файл -> Экспорт -> Укажите имя файла и путь -> нажмите Экспорт.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Шаг 3. Загрузите тему в WordPress

Во-первых, экспортируйте файл темы в желаемое место.

Теперь войдите в панель управления WordPress и с левой боковой панели перейдите в Внешний вид → Темы → Добавить новый → Загрузить → Обзор.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

После просмотра экспортированного файла нажмите «Установить сейчас», а затем «Активировать».

Шаг 4: Установите плагины

Теперь для отображения разных планов членства нам понадобятся два плагина.

Таблицы цен на плагин WordPress и платное членство Pro. Эти плагины гибкие, легко настраиваются и устанавливаются:

Выберите плагины → Добавить новый → Установить сейчас → Активировать.

Как создать лучший сайт о йоге: пошаговое руководство с изображениямиКак создать лучший сайт о йоге: пошаговое руководство с изображениямиТеперь вы можете видеть плагины на левой боковой панели, и один за другим можете настраивать оба плагина.

Во-первых, мы создаем уровни участников в плагине Paid Membership Pro, такие как Regular, Premium, VIP Member, как показано ниже:

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Теперь мы можем легко управлять автоматически созданными связанными страницами с уровнями членства, такими как страница учетной записи, страница платежной информации, страница оформления заказа и т.д., Как показано ниже. Вы также можете указать различные платежные шлюзы, такие как Visa, Mastercard и многие другие.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Как только мы закончили со всеми настройками, перейдите к плагину Pricing Tables. Здесь мы добавим новую таблицу, нажав кнопку «Добавить», то есть «домашнее членство».

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Теперь, нажав на название стола, вы можете добавить планы членства, например, для обычного члена, премиум-члена, VIP-члена и т.д.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Теперь мы получим шорткод таблицы планов членства, которую мы только что создали, как показано ниже:

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

и вставьте код в конец страницы членства, как показано ниже:

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Получившаяся страница членства в интерфейсе будет выглядеть так:

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Точно так же страница с данными участника, созданная с помощью плагина Paid members pro Plugin, используется для получения информации об имени, адресе, подходящем времени и т.д. Эта страница откроется, когда мы нажмем кнопку ПРИСОЕДИНИТЬСЯ СЕЙЧАС на странице членства.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Это оно !! Мы готовы создать сайт о йоге. Наконец-то мы можем увидеть это в браузере.

Как создать лучший сайт о йоге: пошаговое руководство с изображениями

Подводить итоги

Мы разработали веб-сайт йоги с темой, созданной TemplateToaster, и плагинами таблиц цен, платным членством Pro. Как TemplateToaster, программное обеспечение для веб-дизайна гарантирует адаптивный макет для тем, будьте уверены в создании веб-сайта с возможностью поиска через смартфоны и планшеты зрителей. Пользователи сделали правильный выбор, чтобы создавать профессиональные темы и шаблоны за меньшее время. Итак, создание веб-сайта – это ваша чашка чая с этим уникальным конструктором тем и шаблонов.

Источник записи: https://blog.templatetoaster.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее