8 лучших конструкторов страниц для WordPress

Сравнение 8 конструкторов в пяти категориях

  • Интерфейс — как работает интерфейс и упрощает ли он создание красивых страниц?
  • Включены виджеты / шаблоны — какие варианты вы можете создать для своих страниц?
  • Параметры стилизации — как вы можете стилизовать элементы на своей странице?
  • Другие примечательные особенности — обладает ли конструктор страниц уникальными уникальными функциями?
  • Деактивация плагина — что произойдет, если вы захотите отключить плагин? Вы в любом случае потеряете стиль оформленных страниц, но некоторые разработчики страниц оставляют позади чистый код, а другие — нет.

Для каждой категории я дам конструктору страниц оценку от 1 до 5.

Конструктор страниц Итого из 25 Интер-фейс Виджеты Шаблоны Стили-зация Доп. функции Деактива-ция БП версия Цена
Elementor 25 5 5 5 5 5 да $49
Beaver Builder 23 5 4 5 4 5 да $99
Divi Builder 22 4 5 5 5 3 нет $89
Thrive Architect 22 5 4 5 3 5 нет $67
Brizy 21 5 3 5 4 4 да нет
Themify Builder 18 3 3 4 3 5 да $39
WPBakery Page Builder 15 3 3 3 3 3 нет $46
SiteOrigin Page Builder 14 3 2 3 2 4 да $29

 

Elementor

Первоначально запущенный в 2016 году, Elementor является одним из самых молодых конструкторов страниц в этом списке. Но даже при позднем старте Elementor быстро собрал более 800 000 активных установок на WordPress.org, что делает его одним из самых популярных.

Его претензия на славу — быстрый визуальный интерфейс без проблем, гибкие варианты стилизации и другие мощные функции, такие как полное построение тем.

Официальная страница: https://elementor.com/

Цена: Есть бесплатная версия. Версия Elementor Pro начинается с $ 49 за использование на одном сайте.

Интерфейс — 5/5

Интерфейс Elementor разделен на две основные части, с третьей областью для некоторых более мелких настроек:

  • 1 — это предварительный просмотр вашего проекта. Это практически то, как ваши посетители увидят это. Вы также можете вводить текст непосредственно в этом интерфейсе, а также перетаскивать различные элементы, чтобы переупорядочить их.
  • 2 — это показывает список элементов, которые вы можете использовать. Вы просто перетаскиваете их. И когда вы выбираете отдельный элемент или раздел, здесь вы будете его стилизовать.
  • 3 — это поможет вам получить доступ к превью страницы,  отмены/повтора изменений и другим более мелким функциям.

Например, рассмотрим, как вы можете перетащить текстовый виджет, а затем просто начните вводить текст на странице (встроенное редактирование), чтобы его изменить:

Включенные виджеты/шаблоны — 5/5

В бесплатной версии Elementor включает 28 бесплатных виджетов. И вы также можете использовать все основные виджеты WordPress. Версия Pro добавляет еще ~ 30 виджетов, что дает вам в общей сложности 58 виджетов в версии Pro:

Бесплатная версия также поставляется с ~ 40 бесплатными шаблонами. И версия Pro добавляет сотни дополнительных шаблонов.

Шаблоны бывают двух форматов:

  • Страницы — полностраничные проекты, которые вам просто нужно редактировать.
  • Блоки — отдельные разделы, которые вы можете собрать вместе, как Lego.

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

Так же, уже появляются отдельные библиотеки с сторонними виджетами и шаблонами для Elementor.

Варианты стилизации — 5/5

Когда вы нажимаете на любой раздел, столбец или виджет, Elementor предлагает три вкладки стиля в левой боковой панели.

Точные параметры зависят от того, какой элемент вы редактируете, но, как правило, Elementor предлагает один из самых глубоких наборов параметров стиля в сравнении с другими конструкторами страниц.

Помимо базовых материалов, таких как цвета, фон и типография, вы также можете управлять более расширенными настройками, такими как:

  • Пользовательские поля/отступы.
  • Пользовательские классы/идентификаторы CSS. С Elementor Pro вы можете напрямую добавлять стили CSS в отдельные элементы.
  • Контроль адаптивности. Вы можете отображать / скрывать элементы на определенных устройствах.

Другие примечательные особенности — 5/5

Эти функции доступны в Elementor Pro:

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

Деактивация плагина — 5/5

Если вы дезактивируете Elementor, он оставляет чистый код. Например, если у вас есть заголовок <h3> с Elementor, у вас все равно будет заголовок <h3> после деактивации Elementor. Он просто будет использовать стиль вашей темы.