Назад к курсу

Создание сайта на WordPress для начинающих

0% завершено
0/0 шагов
  1. МОДУЛЬ 1: ВВЕДЕНИЕ
    4Темы
  2. МОДУЛЬ 2: ЗНАКОМСТВО И НАСТРОЙКА
    5Темы
  3. МОДУЛЬ 3: СОЗДАНИЕ КОНТЕНТА
    5Темы
  4. МОДУЛЬ 4: ВНЕШНИЙ ВИД САЙТА
    5Темы
  5. МОДУЛЬ 5: РАСШИРЯЕМ ФУНУЦИОНАЛ WORDPRESS
    5Темы
  • Подпишись, чтобы первым получать уведомления о новых статьях и бесплатных курсах!

    Обещаем не спамить!

Прогресс модуля
0% завершено

В одном из предыдущих модулей мы подробно остановились на работе в блочном редакторе Gutenberg, который установлен в WordPress по умолчанию. Но это не единственный визуальный редактор для Вордпресс, и вот список наиболее популярных из них:

  • Elementor Website Builder – один из лучших бесплатных визуальных редакторов для WordPress, подробнее о котором мы поговорим ниже.
  • Avada Website Builder – идет в комплекте с платной темой Avada, которая является самой популярной на WordPress
  • Divi Builder – этот визуальный редактор также идет в комплекте с темой под названием Divi
  • WPBakery Page Builder – один из самых старых визуальных редакторов, раньше назывался Visual Composer
  • Beaver Builder – сравнительно новый редактор, доступный бесплатно из репозитория WordPress

Основы работы в визуальном редакторе Elementor

Из всех этих блочных редакторов, самым лучшим на наш взгляд является Elementor. Он имеет, как бесплатную версию, так и Pro версию с расширенным функционалом. Но и бесплатной версии вполне достаточно, чтобы создавать великолепные сайты на WordPress.

Чем же так хорош Elementor, раз мы его рекомендуем на замену штатному Gutenberg?

Во-первых, интерфейс Elementor гораздо более удобен, чем у Gutenberg (смотри скриншоты ниже)

Во-вторых, функционал как самого редактора, так и настроек отдельных блоков позволяет добиться таких результатов, которые практически невозможно в Gutenberg

Ну и в-третьих, в Elementor в разы больше блоков, которые к тому же можно добавлять с помощью аддонов (add-on – это как мини-плагин для основного плагина), таких как, например, Essential Addons for Elementor или Happy Addons for Elementor, также доступных бесплатно в репозитории WordPress.

Как установить редактор Elementor

Так же как и любой другой плагин: перейди в меню Плагины > Добавить новый и скопировать в строку поиска Elementor

Как создавать страницы в Elementor

Перейди в меню Страницы > Добавить новую, а затем нажми кнопку “Редактировать в Elementor”

Редактор Elementor очень прост в использовании и в чем-то напоминает Gutenberg. Он состоит из двух секций:

  • левый сайдбар с блоками и настройками
  • основная область редактирования

Для добавления блока, просто перетащи его из сайдбара в основную область

У каждого блока, как правило, есть три вкладки

  • Содержимое – здесь ты можешь ввести текст, загрузить изображение и так далее, в зависимости от типа блока
  • Стиль – базовые настройки стиля отображения, такие как цвет, шрифт и прочее.
  • Расширенные – то, чего очень не хватает в родном редакторе WordPress здесь представлено в избытке. Ты можешь настроить самые мелкие детали в настройках блока, например, отступы, основной фон, фон при наведении курсора, типа границы, и даже анимацию появления при загрузке сайта.

В общем, работа в визуальном редакторе Elementor позволит тебе вывести свои навыки создания сайтов на качественно новый уровень!

Комментарии

Ваш адрес email не будет опубликован. Обязательные поля помечены *