Elementor – плагин-конструктор страниц в WordPress

Плагин Elementor – это конструктор страниц для сайта на платформе Вордпресс. Его функционал будет полезен и новичка, и опытным вебмастерам. Первым он упростит задачу по созданию страниц – с его помощью большую часть манипуляций можно делать с помощью мыши, совсем не зная кода. Вторым – понравится обилие дополнительных возможностей. Можно отредактировать отдельные участки темы, которые традиционными средствами редактировать нельзя. Можно работать с динамическим контентом через пользовательский интерфейс.  

Преимущества плагина Элементор

Данный плагин уверенно занимает первые строчки рейтингов. На практике это обычно означает, что большинству пользователей он нравится. Однако потребности у каждого вебмастера свои, а потому любое сколь угодно полезное и удобное приложение подойдет не всем. Поэтому прежде чем перейти к описанию работы с конструктором, рассмотрим основные возможности и преимущества продукта.

Удобный интерфейс

Элементор – это работа только через пользовательский интерфейс. Никакие специальные знания для создания страниц с его помощью не требуются. Скачав этот конструктор, можно забыть об утомительной работе с бэкэндом, и даже не знать, что это такое.

Много удобных не растиражированных рабочих шаблонов

Наличие удобных шаблонов в библиотеке, что позволяет быстро создать рабочий сайт. Скачать шаблон можно и отдельно, но нужно быть готовым к тому, что популярные давно растиражированы, а потому без значительных изменений не позволят продемонстрировать индивидуальность. При этом не все параметры шаблонов изменяемы, для создания достойного авторского решения нужен опыт, все это требует времени. В плагине Elementor есть достаточно много шаблонов под разные форматы (интернет-магазин, фитнес-центр и т.п.), и пользуется ими гораздо меньшее число пользователей.

Удобный конструктор

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

Наглядность. Возможность просмотра в режиме редактирования

В конструкторе сразу отображается результат, т.е. готовая страница. Не нужно то и дело сохранять созданное, нажимать кнопку “Обновить” и переходить на страницу предварительного просмотра. Эта опция будет полезна в первую очередь новичкам, но не только. Так как зрительное воображение развито не у всех, и не всегда можно представить, как будет выглядеть страница со всеми элементами в процессе редактирования встроенными средствами Вордпресс.

Нередко небольшие ошибки при настройке параметров текста или изображений приводят к тому, что вся страница отображается некорректно. Чтобы это увидеть, используя встроенный редактор, нужно многократно после каждой правки сохранять текст, переходить в предпросмотр, прокручивать страницу до конца, внимательно оценивая полученный результат. Это очень неудобно и трудоемко, особенно если тексты большие и содержат много изображений.

Стабильность работы Elementor

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

Простота и высокая скорость работы с контентом

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

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

Как скачать и установить плагин Elementor

Процесс скачивания и установки прост. Если вы уже качали какие-либо плагины с сайта Вордпресс, то он не вызовет у вас затруднений.

Перейдите в админ-панель платформы. В разделе (в левом вертикальном меню) выберете вкладку “Добавить новый” и введите наименование плагина. Далее, нажмите кнопку “Установить”. После скачивания и установки можно переходить к настройкам, если вы выбрали бесплатную версию. Платную придется еще активировать.

Установка плагина Elementor
Установка плагина Elementor

Создание страниц в Wordpress с помощью Элементор

Процесс создания страниц в конструкторе Элементор действительно элементарен. Чтобы добавить новую, откройте в главном меню вкладку “Страницы” и выберите команду “Добавить новую”. Чтобы приступить непосредственно к созданию, нужно нажать на кнопку “Редактировать в Elementor”. Иначе вы окажитесь в обычном встроенном редактора Вордпресс с его упрощенным и одновременно сложным функционалом.

Добавление страниц в Elementor
Добавление страниц в Elementor

Точно также происходит редактирование уже созданных страниц. У каждой записи, в дополнение к традиционным кнопкам, появляется дополнительная “Редактировать в Elementor”. Нажав на нее, вы попадаете в конструктор. Выглядит он так, как показано на скриншоте ниже.

Работа с виджетами Elementor

Чтобы установить виджеты, достаточно перетащить нужный мышкой в область справа. Если все сделано правильно, в левом окне появится поле для редактирования параметров виджета:

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

Набор инструментов отличается в зависимости от выбранного виджета, поэтому нет смысла останавливаться на настройках подробнее. Поэкспериментируйте, чтобы добиться желаемого результата. Делать это в плагине легко и приятно, так как результат сразу виден.

Работа с шаблонами Elementor

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

Обширная галерея шаблонов доступна в версии Про, т.е. платной. Но интересные идеи, которых хватит для начала работы, есть и в бесплатной. Также можно использовать плагин в связке с Astra, где собрано множество тем для Элементор.

Галерея шаблонов
Галерея шаблонов Elementor

Для просмотра каталога шаблонов, необходимо нажать на среднюю кнопку в редакторе. На ней изображена папочка. В открывшемся окне, выберите шаблон, доступный для вашей версии плагина. Учитывайте, что платные тоже будут видны, даже если вы установили базовую версию Элементор. На них стоит пометка Про. Чтобы начать работать с понравившимся, нужно зарегистрироваться в библиотеке шаблонов.

Просмотр шаблонов Elementor
Просмотр шаблонов Elementor

Настройка плагина

Для ускорения работы (создания и редактирования страниц) в плагине можно задать универсальные настройки, выставить ряд параметров, которые будут влиять на отображение всех страниц. Таким образом, можно отредактировать цвет и шрифты, внешний вид кнопок, параметры изображений, макет и другие параметры.  Никаких универсальных требований к настройкам нет, просто сделайте так, как вам нравится, экспериментируйте, и со временем вы поймете, какое решение наиболее удачно.

Платная и бесплатная версии Elementor

Элементор, как и большинство других плагинов, представлен в базовой, т.е. бесплатной, версии и расширенной, т.е. платной, которая называется Pro. Какую выбрать, зависит от поставленных задач. Для коммерческого проекта, к примеру, магазина, конечно, нужна платная. С ее помощью можно подключить гибкие инструменты. К примеру, таймеры, которые очень удобны и эффективны при проведении акций, конкурсов и других маркетинговых мероприятий. Доступны прайс-листы с отображением актуальных цен и многое другое.

Подписка обойдется минимум в 50 долларов, максимум в 199 – сумма зависит от выбранного тарифа. Среди других преимуществ платной версии:

  • Конструктор всплывающих форм, которые активно используются для информирования посетителей об изменениях, к примеру, цен или ассортимента товаров.
  • Продвинутые виджеты. Их много, в текущей версии более 90. Набор также зависит от тарифного плана.
  • Обширная галерея шаблонов. В платной версии их гораздо больше, чем в бесплатной, более 300. При этом используются платные шаблоны, гораздо реже, а значит, заботиться об уникальности придется меньше.
  • Есть опции настраивания шапки и подвала.
  • Доступны различные динамические эффекты.
  • Можно создать интернет-магазин. В распоряжении более 15 коммерческих шаблонов, подходящих для этих целей.

Разумеется, палатное решение не всегда лучше бесплатного. Покупать Про следует в том случае, если предлагаемый расширенный функционал действительно нужен. Но для коммерческих проектов он в 99% случаев нужен. Поэтому правильно сразу настроиться на то, что без покупки программ не обойтись. Экономия чаще всего приводит к значительным затратам времени, которое уходит на создание элементарных опций вручную, и в конечном итоге не окупается.

Для самых любознательных ловите адрес официального сайта с документацией на плагин Elementor: https://elementor.com/ (откроется в новом окне).

Поделиться в: