Установка Elementor на WordPress это достаточно простое действие, практически ничем не отличающееся от установки других плагинов для этой CMS и может вызвать трудности разве что у тех, кто только начинает пользоваться wordpress.
В этой статье и в прикреплённом видео (в начале и конце статьи) есть информация по установке Elementor, и гораздо больше внимания уделено настройкам этого плагина.
Установка Elementor на WordPress и активация плагина.
Заходим в админку WordPress и в разделе «Плагины» выбираем опцию «Добавить новый». В строке поиска пишем Elementor и находим плагин в списке ниже. Нажимаем кнопку «Установить».
Поздравляю! Установка Elementor завершена.
После установки нажимаем кнопку «Активировать» и попадаем на страницу приветствия плагина Elementor. Здесь можем посмотреть вступительное видео (на английском) и сразу создать свою первую страницу нажав кнопку под видео. Вместо этого лучше перейдём к настройкам Elementor в левой панели wordpress.
Основные настройки Elementor (Общие, Стиль, Расширенные)
Настройки «Общие»
В Разделе настроек «Общие» мы нам доступны опции выбора типа материалов для которых будет работать плагин Elementor (страницы, записи).
Цвета и шрифты Elementor может заимствовать из вашей текущей установленной темы WordPress, либо может использовать свои глобальные шрифты и цвета. Соостветствующие галочки я поставил, так как хочу, чтобы Elementor использовал цвета и шрифты из моей темы.
Отправку данных об использовании Elementor включайте на своё усмотрение. Я обычно отказываюсь от такого рода предложений. Галочку не ставлю. Сохраняем изменения.
Настройки «Стиль»
В настройках «Стиль» можно указать шрифты, которые будут подставляться вместо используемых вами шрифтов, когда они будут недоступны.
Можно настроить ширину макета и отступы по-умолчанию между отдельными блоками Elementor. Эти параметры можно менять при верстке в Elementor, но при каждом добавлении вами нового блока на страницу будут применяться эти настройки по-умолчанию.
Если вы хотите растягивать секции Elementor относительно какого либо другого тега HTML верстки, это также можно указать здесь. По-умолчанию это «body» — тело страницы. Довольно специфическая опция для настройки, не всем может быть необходима.
Elementor позволяет нам скрывать заголовок страницы, но только в том случае, если прописанный в настройках селектор заголовка страницы совпадает с тем, который используется в текущей теме wordpress. Здесь можно его указать, если он вдруг отличается от значения по-умолчанию.
Брейкпоинты для смартфона и планшета оставляем значения по-умолчанию. Это аналог точек остановки в Adobe Muse. Только здесь их всего две. А больше в принципе и не нужно.
Включение или отключение лайтбокса для изображений — на ваше усмотрение. Если хотите чтобы по клику на изображение оно разворачивалось на весь экран — оставляйте галочку. Сохраняйте изменения.
Настройки «Расширенные»
В расширенных настройках Elementor есть возможность указать метод генерации CSS. Рекомнедуется оставить значение «Внешний файл», чтобы не загромождать код HTML страниц. Файлы стилей CSS будут генерироваться отдельно от основной страницы, также как это делала программа Adobe Muse.
Метод загрузчика редактора нужно переключать только в том случае, если Elementor у вас конфликтует с конфигурацией сервера или не работает вовсе.
Загрузку подозрительных файлов (здесь имеются ввиду файлы векторной графики формата SVG) следует включать только в том случае, если вы уверены, что будете использовать «чистые» файлы SVG, без вирусов. К слову, для WP есть специальные плагины, которые умеют проверять код XML SVG-файлов.
Поддержку Font Awesome 4 оставляем включенной, это позволит нам использовать иконки данного шрифта, вместо графических иконок, тем самым ускоряя работу и загрузку страниц и записей созданных в Elementor.
Менеджер ролей
Менеджер ролей доступен только в Elementor Pro. Для каждого из уровня доступа пользователей к вашему wordpress сайту вы можете отключить доступ к редактору Elementor, и оставить доступ только к контентку, будь то обычный подписчик, автор, редактор и т.д.
Настройка «Инструменты» (Общие, сменить URL, Контроль версий, Режим обслуживания, Обновление Font Awesome)
Настройка «Инструменты» — «Общие»
В общих настройках раздела «Инструменты» позволяет нам пересоздать CSS файлы, синхронизировать библиотеку вручную по кнопкам, а также при необходимости включить безопасный режим и включить панель отладки при возникновении каких-либо проблем с плагином Elementor.
Все эти настройки в большинстве случаев не пригодятся вам при повседневном использовании плагина Elementor.
Настройка «Инструменты» — «Сменить URL»
Очень редкая настройка, однако может понадобиться, если захотите сменить доменное имя своего сайта.
Немного чаще может понадобиться, если вы перводите свой сайт на безопасный протокол HTTPS, только после того как создали и опубликовали в Elementor несколько страниц или записей.
Настройка «Инструменты» — «Контроль версий»
Полезная настройка, в плане того, что вы в любой момент можете откатиться до любой предыдущей стабильно работающей у вас версии плагина Elementor.
Здесь же, вы можете стать бета-тестером Elementor и получать самые последние функции и обновления плагина, правда рискуя стабильностью его работы в погоне за новыми плюшками. Лучше на рабочих проектах не включать эту функцию.
Настройка «Инструменты» — «Режим обслуживания»
В плагине Elementor у нас есть возможность включить или отключить режим обслуживания в режиме «Скоро открытие» (возвращает HTTP200) или «Режим обслуживания» (возвращает HTTP503).
При этом можно назначить для кого именно будет виден режим обслуживания, а для кого сайт будет работать как и прежде, выбрать пользователей с тем или иным уровнем доступа.
Для использования данной возможности — необходимо также создать и указать шаблон страницы для режима обслуживания.
Сведения о системе, приветствие и получение помощи
Следующие три настройки плагина Elementor чисто информационные. В сведениях о системе вы можете посмотреть детальную информацию о сервере, хостинге, версиях программного обеспечения и т.д.
Вкладка Приветствие вернёт нас на самую первую страницу, которую мы видели в самом начале после установки и активации Elementor.
Нажав на Получить помощь нас перекинет на англоязычный сайт, где мы сможем обратиться за помощью по работе в Elеmentor к сообществу плагина или в официальную поддержку.
Пользовательские шрифты и иконки в Elementor Pro
Пользовательские шрифты и иконки доступны только в Elementor Pro. Вы можете добавлять свои веб-шрифты, также как это было в Adobe Muse и использовать собственные иконки, а не только иконки шрифта Font Awesome.
Это разберем более подробно в других видеоуроках и статьях.
Обзор цен — Elementor Pro…
Цены на Elementor вы можете видеть на картинке выше. Дорого это или дешево решать вам. Если вы используете плагин в коммерческих целях, думаю это не должно быть препятствием на пути его использования.
Лень читать статью? — смотрите видео и подписывайтесь на образовательный канал «Уроки Pro», чтобы не попускать новые видеоуроки:
Надеюсь установка Elementor и его настройки не вызвали у вас вопросов. А если вопросы появились — пишите их в комментариях.
До связи.
Автор видеоурока и статьи — Дмитрий Шаповалов.