Вот и пришло время, когда сайты можно создавать практически без знаний HTML и CSS кода. И уже тем более без знания программирования. Да еще и практически бесплатно. «Кайфуши ваще. Прям капец» (с)
Для того, чтобы это осуществить, нам нужен PageBuilder плагин Elementor и WordPress. Сегодня поговорим именно про плагин.
Что такое Elementor
Elementor - это плагин, который превращает создание сайта, страницы или статьи на WordPress в конструктор. При этом практически не надо знать ни HTML, ни CSS языки.
Практически, так как понимать разницу между H1, H2, div, span и так далее, Вам всё-таки нужно знать. Но это основы HTML языка, так что узнать их в любом случае надо будет.
Сам Elementor разбивает страницу на блоки (или секции, говоря языком плагина), в каждый из которых можно добавлять один из предустановленных элементов. Количество доступных элементов зависит от версии плагина (бесплатная Free или платная Pro), от установленной темы (некоторые темы созданы специально под Elementor) и от дополнительных плагинов.
Элементы и функционал бесплатной и платной версии я разберу в отдельных статьях, сегодня рассмотрим то, как вообще начать им пользоваться и рассмотрим общие настройки обеих версий.
Сам Elementor разбивает страницу на блоки (или секции, говоря языком плагина), в каждый из которых можно добавлять один из предустановленных элементов. Количество доступных элементов зависит от версии плагина (бесплатная Free или платная Pro), от установленной темы (некоторые темы созданы специально под Elementor) и от дополнительных плагинов.
Элементы и функционал бесплатной и платной версии я разберу в отдельных статьях, сегодня рассмотрим то, как вообще начать им пользоваться и рассмотрим общие настройки обеих версий.
Как установить Elementor на WordPress сайт
Так как Elementor — это плагин, то его установка ничем не отличается от установки любого другого плагина.
Следовательно, чтобы его установить делаем следующее:
- Заходим в админку сайта
- Находим в столбце справа вкладку Плагины
- Сверху нажимаем на кнопку "Добавить новый"
- В поле поиска пишем Elementor
- Возле плагина «Elementor — Конструктор сайтов и страниц» нажимаем на кнопку «Установить«
- Потом нажимаем на кнопку "Активировать", которая появится на месте кнопки "Установить"
Ниже то же самое, только картинкой.
Если Вы всё сделали правильно, то теперь в боковом столбце появились 2 новых пункта «Elementor» и «Шаблоны». А при создании новой страницы или записи появилась кнопка «Редактировать в Elementor», которая переключает редактирование страницы из уже классического редактора Gutenberg на редактор Элементор.
На скриншоте ниже я отметил эти поля рамками. Если у Вас всё именно так, то теперь давайте разберемся что к чему в самом редакторе.
Важно!
После установки Elementor на WordPress, нам надо зайти в его настройки, чтобы обновить набор иконок Font Awesome до 5 версии. Если мы этого не сделаем, то во время редактирования нам будут недоступны все элементы, в которых используются иконки.
Обновить этот набор очень просто.
- Заходим в настройки элементора в админке вордпресс.
- Нажимаем на пункт «Инструменты» в боковом меню
- Переходим на вкладку «Обновление Font Awesome«
- Нажимаем на кнопку «Обновление до Font Awesome 5«
- В появившемся окошке нажимаем «Продолжить» и ждем, когда под кнопкой появится надпись «Ура! Процесс обновления до Font Awesome 5 успешно завершен.«
Всё! Теперь можно переходить непосредственно к редактированию в Elementor
Подробнее о том, из чего состоит элементор и какие у него есть настройки - читайте в статье на моем сайте - Elementor для WordPress — Обзор функционала и настроек плагина