Elementor или page builder что лучше
Сравнение производительности 5 самых популярных Конструкторов страниц
Конструкторы страниц сегодня поставляются практически со всеми шаблонами WordPress. А стали они популярными и востребованными из-за того, что позволяют любому человеку без знаний кода сделать красивый сайт или лендинг за короткое время без привлечения специалистов.
Но, только красивый сайт это не единственная причина его успеха. Важно и то, как быстро сайт загружается и отдает свой контент пользователю.
Сегодня мы вместе рассмотрим 5 самых популярных Конструкторов страниц и выясним какой же из них самый быстрый.
Итак, наши испытуемые конструкторы:
*Используется бесплатная версия
С помощью этих конструкторов было создано 5 идентичных лендингов, которые протестировали с помощью этих сервисов:
На создание каждой страницы уходило в среднем около 20 минут.
Технические характеристики тестового сайта:
Тестирование ELEMENTOR
Созданная страница: 
Как выглядит страница после деактивации плагина: 
Тестирование BEAVER BUILDER
Созданная страница: 
Как выглядит страница после деактивации плагина: 
Тестирование DIVI BUILDER
Созданная страница: 
Как выглядит страница после деактивации плагина: 
Тестирование WPBAKERY PAGE BUILDER
Созданная страница: 
Как выглядит страница после деактивации плагина: 
Тестирование SITEORIGIN PAGE BUILDER
Созданная страница: 
Как выглядит страница после деактивации плагина: 
Итоги
Проанализируем баланс между функциональностью и производительностью.
создание страницы
Плагин SiteOrigin Page Builder показал лучшие результаты почти во всех тестах. Он является оптимальным по производительности и функционалу.
Но, это не означает, что другие плагины являются малоэффективными и пользователям стоит их игнорировать.
В первую очередь, для решения поставленных задач нужно смотреть на функционал конструктора, а потом уже на его производительность.
Если вы выбираете Конструктор страниц для своего сайта и не планируете его менять, то можете выбирать любой. Но, если существует хоть малейшая вероятность смены конструктора на сайте, то вы должны знать, что часть плагинов оставляет после себя «мусорный код» на странице, который остается после удаления плагина.
Эти плагины оставляют после себя 100% чистый код:
Плагин SiteOrigin Page Builder оставляет после себя немного шорткодов в местах, где вставлялись кнопки.
Эти плагины оставляют после себя кучу кода, который нужно удалять вручную:
Что думаете вы по этому поводу? На каком конструкторе страниц вы остановились? Какой плагин на ваш взгляд является более функциональным и производительным?
Оригинал статьи на английском здесь.
В 2011 г. я впервые познакомился с CMS WordPress. Еще тогда я увидел в ней перспективу для себя. И не ошибся. Это знакомство изменило мою жизнь.
Сегодня я занимаюсь разработкой сайтов для малого и среднего бизнеса.
Веду свой Youtube-канал на котором рассказываю как можно использовать WordPress в персональных проектах, а также для онлайн-бизнеса.
Кроме этого, я активно изучаю SEO, чтобы расширить сферу своих услуг.
Визуальный редактор для WordPress: какие бывают, как выбрать
Нет смысла лишний раз рекламировать WordPress. Количество лендингов, многостраничных сайтов и автономных блогов, работающих на этой CMS, говорит само за себя. Но такой крупный успех был бы невозможен без удобных и интуитивно понятных визуальных редакторов, облегчающих редактирование контента и конструирование страниц. Цель создания подобных расширений WordPress – минимизировать прямое вмешательство в программный код.
Расчет очевиден: чем меньше среднестатистический потребитель сталкивается с необходимостью редактирования кода HTML, стилей CSS, сценариев PHP и JavaScript, тем более привлекательным для него будет цифровой продукт. В визуальных редакторах пользователь может выполнять большинство операций, не отрывая руку от мышки. Ключевые манипуляции производятся по принципу drag-and-drop (буквально, с англ.: «тащи и бросай»). Давайте разберемся, какими бывают визуальные редакторы, какие из них самые популярные, как выбрать самый подходящий именно для вас.
Какие бывают визуальные редакторы
Редакторы можно разделить на два основных подвида. Одни из них предназначены только для редактирования контента. Вторые позволяют работать не только с контентом, но и с макетами страниц. В большинстве случаев нужны именно последние, так как они охватывают более широкий фронт задач среднестатистического вебмастера.
Такие визуальные редакторы называются Page Builder («конструктор страниц») или Site Builder («конструктор сайтов»). Последнее название звучит слишком громко и скорее указывает на желание разработчика плагина поднять значимость своего продукта в глазах потенциального потребителя.
Основные преимущества конструкторов:
Подобных конструкторов на рынке программного обеспечения великое множество. Однако если вы зайдете в каталог премиальных тем WordPress, то увидите, что использованные в них «билдеры» можно пересчитать по пальцам одной руки. Чаще всего вам будут встречаться Elementor, WPBakery или Visual Composer (это новое и старое название одного и того же редактора). Реже – несколько других названий. Чтобы упростить выбор, рассмотрим лучшие конструкторы подробней, попутно определяясь с преимуществами и недостатками каждого из них.
Elementor
Начать «разбор полетов» лучше всего с лидера гонки – конструктора Elementor Website Builder. Редактор, разработанный израильской софтверной компанией Elementor Ltd, поставляется в двух версиях, бесплатной и платной. Нередко пользователям хватает базового функционала, но иногда без функций PRO попросту не обойтись. Рассмотрим более подробно возможности бесплатной версии и кратко остановимся на функционале, который становится доступным по платной подписке.
Elementor, краткая сводка:
Косвенным подтверждением многочисленных преимуществ Elementor может служить стремительный рост количества сайтов, сконструированных с помощью этого редактора. Если в течение первых двух лет после начала разработки плагин установило более миллиона пользователей, то за следующие два года количество активных установок выросло в целых пять раз! Посмотрим, что же именно привлекает вебмастеров.
Ключевые особенности Elementor:
Еще один немаловажный плюс – открытый программный код. Доступность API позволяет каждому пользователю усовершенствовать конструктор и сделать его еще лучшим инструментом для решения своих задач. А еще одно преимущество обуславливается популярностью плагина. Многомиллионное сообщество Elementor – это и упрощение поиска ответов на свои вопросы. Ведь чем больше пользователей продукта, тем большее число людей уже сталкивалось с проблемами, аналогичными вашим.
Основной недостаток Elementor – создание избыточного кода и, как следствие, некоторое увеличение времени загрузки страниц и размера сайта. Однако этот минус присущ всем конструкторам (и далеко не только им). Решить эту проблему может только очень хороший программист «с прямыми руками», большой запас времени и приличная сумма денег. Стоят ли сотые доли секунды и несколько байт таких жертв, решать только вам. Да, никто не даст гарантий, что руки программиста окажутся «прямее», чем «кривизна» избыточного кода. В целом же Elementor – вполне достойное решение, что подтверждается опытом миллионов владельцев сайтов на CMS WordPress.
WPBakery (aka Visual Composer)
WPBakery Page Builder, до недавнего времени называвшийся Visual Composer, основной конкурент Elementor. Количество активных установок превысило 4,3 миллиона. В большинстве случаев для пользователей выбор конструктора сводится к выбору между этими двумя визуальными редакторами. И обосновать свой выбор вебмастера зачастую не могут. Просто одному «не зашел» WPBakery, а пришелся по нраву Elementor, а другому наоборот. Кстати, wpbakery.com, официальный сайт разработчика, полностью сделан на этом конструкторе.
Ключевые особенности WPBakery Page Builder:
Как видите, даже далеко не полный перечень возможностей конструктора WPBakery Page Builder выглядит довольно внушительно. Помимо прочего, существует еще огромное количество бесплатных и премиальных плагинов от сторонних разработчиков, созданных специально для этого конструктора. Их число превысило две сотни и продолжает стремительно расти.
Page Builder от Site Origin
Если разработчики WPBakery отказались от названия Visual Composer, присутствующего в наименованиях десятков расширений WordPress, то создатели Page Builder не побоялись назвать свой конструктор страниц… конструктором страниц. Но, вопреки скепсису маркетологов, бренд не затерялся в море аналогов, в названиях которых присутствует словосочетание «Page Builder». Пусть цифровой продукт Site Origin пока не достиг высот WPBakery и Elementor, но число активных установок плагина легко перевалило через миллионную отметку и продолжает стремительно расти. Page Builder от Site Origin бесплатен, но есть и премиальная версия.
Краткая информация о Page Builder:
Особенности Page Builder:
В премиальной версии добавляются десятки аддонов (и не только), включая:
Beaver Builder
Еще один удобный и функциональный визуальный редактор, входящий в ТОП-5 самых популярных конструкторов страниц WordPress. Пусть количество активных установок расширения пока измеряется не в миллионах, а в сотнях тысяч, этот плагин также достоин самого пристального внимания. В пользовательском рейтинге на официальном сайте WordPress «бобер» (так переводится с английского «beaver») получил среднюю оценку 4.9 баллов, что также говорит в пользу этого расширения.
Beaver Builder, основные сведения:
Команда разработчиков конструктора Beaver Builder уверяет, что на основе их творения работает более миллиона сайтов. Либо «лишние» ресурсы – преувеличение в маркетинговых целях, либо несколько сотен тысяч скачиваний/установок остались неучтенными статистикой сообщества WordPress.
Ключевые особенности Beaver Builder:
В премиальных версиях добавляется несколько десятков готовых шаблонов, расширенные возможности экспорта и импорта, подборка аддонов, таких как виджеты иконок социальных сетей, контактной формы, прайс-листов, слайдеров и так далее. Можно заметить, что функционал «облегченной» версии ограничен чуть больше, чем следовало бы. Однако многих пользователей устраивает и такой, «урезанный» вариант.
Landing Page Builder
Как видно по названию, у бесплатного плагина Landing Page Builder более узкая направленность, чем у всех других редакторов, описанных в данной подборке. Конструктор «заточен» на создание посадочных страниц. На основе Landing Page Builder на данный момент работает 18689 лендингов.
Landing Page Builder, краткие сведения:
Ключевые особенности Landing Page Builder:
Бесплатный конструктор Landing Page Builder имеет смысл попробовать, если вам нужна посадочная страница. Для остальных типов сайтов лучше подобрать один из более универсальных конструкторов. Тот же Elementor, WPBakery (Visual Composer), Beaver Builder или Page Builder от SiteOrigin.
CoBlocks для Gutenberg
Этот на 100% бесплатный плагин не является полноценным и независимым конструктором страниц для сайтов на CMS WordPress, поскольку лишь расширяет возможности нового редактора контента Gutenberg и работает только в связке с ним. Однако если вы уже успели поработать с Gutenberg и он вам понравился, с помощью CoBlocks вы сможете превратить это расширение в достаточно функциональный конструктор страниц. Многие пользователи именно так и поступили, о чем свидетельствует более трети миллиона активных установок плагина.
CoBlocks, краткая справка:
Ключевые особенности CoBlocks:
Плагин представляет собой десятки блоков, автоматически интегрирующиеся в редактор контента Gutenberg и превращающие его в полноценный конструктор страниц. Разработчики регулярно добавляют новые модули, расширяющие функциональные возможности аддона, и создали бесплатную тему Go theme, призванную подчеркнуть все лучшее, что заложено авторами в CoBlocks.
Выводы
Несмотря на немалое количество визуальных редакторов контента и страниц на рынке программного обеспечения, для подавляющего большинства пользователей CMS WordPress выбор сужается до пары-тройки вариантов. Нет смысла тратить время на перебор десятков «экзотических» конструкторов. До вас этим занимались тысячи пользователей. И остановили они свой выбор на тех плагинах, у которых количество активных установок исчисляется десятками и сотнями тысяч и даже миллионами. А это те же самые Elementor, WPBakery (Visual Composer), Beaver Builder, Page Builder от SiteOrigin и несколько других.
Elementor или page builder что лучше
Пытаетесь решить, какой конструктор страниц лучше для вашего сайта?
Я приступил к изучению восьми различными конструкторов страниц для WordPress, чтобы помочь вам принять решение. Да — я использовал каждый из них — это не просто список, основанный копипасте с официальных страниц.
Я собираюсь объективно сравнить эти восемь конструкторов в пяти категориях:
Для каждой категории я дам конструктору страниц оценку от 1 до 5.
Затем, в конце, я все соберу и порекомендую, как я считаю лучший конструктор страниц для WordPress.
Вот восемь конструкторов которые мы рассмотрим.
А в конце будет сравнительная таблица.
1. Elementor
Первоначально запущенный в 2016 году, Elementor является одним из самых молодых конструкторов страниц в этом списке. Но даже при позднем старте Elementor быстро собрал более 800 000 активных установок на WordPress.org, что делает его одним из самых популярных.
Его претензия на славу — быстрый визуальный интерфейс без проблем, гибкие варианты стилизации и другие мощные функции, такие как полное построение тем.
Интерфейс — 5/5
Интерфейс Elementor разделен на две основные части, с третьей областью для некоторых более мелких настроек:
Например, рассмотрим, как вы можете перетащить текстовый виджет, а затем просто начните вводить текст на странице (встроенное редактирование), чтобы его изменить:
Включенные виджеты/шаблоны — 5/5
В бесплатной версии Elementor включает 28 бесплатных виджетов. И вы также можете использовать все основные виджеты WordPress. Версия Pro добавляет еще
30 виджетов, что дает вам в общей сложности 58 виджетов в версии Pro:
Бесплатная версия также поставляется с
40 бесплатными шаблонами. И версия Pro добавляет сотни дополнительных шаблонов.
Шаблоны бывают двух форматов:
Вы также можете сохранить свои собственные проекты в качестве шаблонов для повторного использования позже.
Так же, уже появляются отдельные библиотеки с сторонними виджетами и шаблонами для Elementor.
Варианты стилизации — 5/5
Когда вы нажимаете на любой раздел, столбец или виджет, Elementor предлагает три вкладки стиля в левой боковой панели.
Точные параметры зависят от того, какой элемент вы редактируете, но, как правило, Elementor предлагает один из самых глубоких наборов параметров стиля в сравнении с другими конструкторами страниц.
Помимо базовых материалов, таких как цвета, фон и типография, вы также можете управлять более расширенными настройками, такими как:
Другие примечательные особенности — 5/5
Эти функции доступны в Elementor Pro:
Деактивация плагина — 5/5
Если вы дезактивируете Elementor, он оставляет чистый код. Например, если у вас есть заголовок
с Elementor, у вас все равно будет заголовок
после деактивации Elementor. Он просто будет использовать стиль вашей темы.
2. Beaver Builder
Beaver Builder довольно долгое время был на рынке конструкторов страниц. Он выводит чистый код(для конструктора страниц), популярен как для конечных пользователей, так и для разработчиков, и получает регулярное внимание за счет новых функций и обновлений.
Также есть некоторые официальные дополнения, с которыми вы можете добиться большей гибкости — в частности, дополнительная тема Beaver Builder и расширение Beaver Themer.
Интерфейс — 5/5
Beaver Builder предлагает уникальный интерфейс для своего внешнего визуального конструктора. Вы делаете большую часть своей работы с боковой панели справа. Но эти параметры боковой панели появляются только при нажатии кнопки на верхней панели, поэтому в любое время можно просматривать страницу в полноэкранном режиме:
Недавно Beaver Builder добавила встроенное текстовое редактирование, что означает, что вы можете либо набирать текст непосредственно на странице, чтобы редактировать текст, либо использовать всплывающее окно, которое появляется:
Честно говоря, использование встроенного редактирования со всплывающим меню немного неудобно. Но вы можете легко привязать редактор к боковой панели, чтобы исправить это.
Включенные виджеты/шаблоны — 4/5
В бесплатной версии Beaver Builder дает вам доступ только к 6 модулям, хотя вы также можете использовать стандартные виджеты WordPress.
Премиум-версия, с другой стороны, дает вам доступ к 30 модулям. Они также являются модульными, поэтому вы можете включать или отключать их по мере необходимости.
В премиум-версии вы также получаете доступ к
56 страницам шаблонов, а также возможность сохранять свои собственные проекты в качестве шаблонов.
Варианты стилизации — 5/5
Чтобы создать свои модули и разделы, вы можете:
Точные параметры зависят от модуля, но, как правило, Beaver Builder дает вам довольно хороший контроль над вашими элементами, включая настраиваемые интервалы и гибкие элементы управления.
И Beaver Builder также предлагает очень уникальный переключатель, который позволяет показывать или скрывать отдельные модули на основе того, авторизировался ли пользователь в системе:
Другие примечательные характеристики — 4/5
Хотя уникальные функции хороши, я считаю, что цена за них высокая.
Деактивация плагина — 5/5
Как и Elementor, Beaver Builder оставляет 100% чистый код с правильным форматированием HTML.
3. Divi Builder
Divi Builder — популярный конструктор от разработчика премиальных тем Elegant Themes. Хотя он чаще всего используется как часть темы Divi, Divi Builder также является автономным плагином, который вы можете использовать и с другими темами.
В отличие от предыдущих двух конструкторов страниц, Divi Builder позволяет редактировать ваш контент, используя как внешний интерфейс, так и интерфейс административной панели, хотя большинство пользователей, вероятно, предпочтут визуальный интерфейс.
Интерфейс — 4/5
Внутренний(backend) интерфейс Divi Builder выглядит так:
Но большую часть времени вы будете использовать внешний интерфейс интерфейса. Divi Builder определенно уникален. Я лично не фанат, но я знаю много людей, которые любят его.
В принципе, вместо любого типа боковой панели все всплывающие окна и плавающие кнопки. Вы можете увидеть пример добавления модуля ниже:
Как и в предыдущих двух конструкторов страниц, вы также можете использовать встроенное редактирование текста прямо на странице:
Включенные виджеты/шаблоны — 5/5
Divi Builder включает в себя 46 модулей, которые вы можете использовать для создания ваших проектов:
Вы также получаете доступ к массивным 316 заранее построенным шаблонам, разбитым по 40 различным макетам, а также есть возможность сохранять свои собственные проекты в качестве шаблонов:
Варианты стилизации — 5/5
Как и Beaver Builder, Divi Builder позволяет вам стилизовать элементы из всплывающего окна, которое можно, при желании, вывести в сторону.
Одной из отличительных черт Divi всегда было то, насколько он управляет стилем. На трех разных вкладках вы можете настроить различные параметры, включая гибкие элементы управления, пользовательский интервал и многое другое.
Вы даже можете добавить пользовательский CSS к основному элементу или до/после основного элемента. Редакторы CSS даже включают базовую проверку и автозаполнение! И вы также можете открыть подборщик цветов прямо из редактора:
В целом, Divi Builder действительно продвигает границы с помощью своих вариантов стилизации — это хорошие функции.
Другие примечательные особенности — 5/5
Деактивация плагина — 3/5
Одна из критических замечаний Divi Builder всегда заключалась в том, что он основан на шорткодах. Это означает, что если вы когда-нибудь отключите его, он оставит позади кучу коротких кодов в вашем контенте.
В то время как это немного сбивает, это сейчас не проблема, когда существуют плагины, такие как Shortcode Cleaner. Вы потеряете форматирование — токое как тег
, но вы не потеряете сам контент.
4. Thrive Architect
Конструктор страниц Thrive Architect — обновленная версия того, что было когда-то Thrive Content Builder. Новый интерфейс имеет много общего с интерфейсом Elementor, который вы увидите через секунду.
Хотя любой может использовать его, он особенно популярен среди блоггеров и маркетологов из-за его концентрации на коэффициентах конверсии. И одна из вещей, которые мне лично нравятся в Thrive Architect, заключается в том, что ее стиль по умолчанию выглядит довольно неплохо прямо из коробки.
Интерфейс — 5/5
Как я уже сказал, вы увидите некоторые общие черты между интерфейсом Thrive Architect и интерфейсом Elementor (Elementor пришел первым, на случай, если вам интересно):
Это то же, вы видели выше:
Одна уникальная вещь — селектор палитры, когда вы нажимаете на вложенный элемент. Эта функция действительно очень удобна, когда вы хотите быстро перейти между элементом и разделом:
И Thrive Architect также предлагает истинное встроенное редактирование текста. На самом деле, Thrive Architect имеет самые удобные встроенные функции редактирования по сравнению с другими конструкторами страниц, на мой взгляд:
Включенные виджеты/шаблоны — 4/5
Thrive Architect предлагает 40 различных виджетов, в том числе некоторые аккуратные, такие как вечный таймер обратного отсчета.
Thrive Architect также включает сотни шаблонов, разделенных на
36 «наборов». И вы также можете сохранить свои собственные образцы в качестве шаблона.
Варианты стилизации — 5/5
Thrive Architect отличается от Elementor в том, как он управляет стилем. Вместо того, чтобы давать вам вкладки, Thrive Architect включает все в одном столбце.
Параметры стиля довольно детализированы и включают в себя гибкие элементы управления и пользовательске отступы:
Вы также можете добавить свой собственный CSS на уровне страницы. Для отдельных элементов вы можете назначать только классы CSS или идентификаторы.
Другие примечательные особенности — 3/5
Одна интересная функция — это возможность настроить страницу. Они позволяют отображать всплывающее окно лайтбокса на основе определенных триггеров:
И еще одна интересная вещь — насколько хорошо он интегрируется с другими продуктами Thrive Themes. Например:
Деактивация плагина — 5/5
Thrive Architect оставляет 100% чистый код, как например Elementor и Beaver Builder.
5. SiteOrigin Page Builder
Конструктор страниц SiteOrigin Page Builder кажется что существовал всегда. И в этом «всегда» ему удалось собрать более 1 миллиона активных инсталляций на WordPress.org, что делает его самым популярным плагином для компоновки страниц, указанным в этом обзоре.
Хотя SiteOrigin Page Builder является немного более легким, чем большинство других конструкторов в этом списке, он предлагает отличную производительность и массу полезных элементов управления CSS.
Интерфейс — 3/5
SiteOrigin имеет два интерфейса, которые вы можете использовать для создания своего дизайна.
У вас есть оригинальный редактор бэкэнд:
Вы можете перетаскивать блоки вокруг или щелкнуть по определенному блоку, чтобы отредактировать его.
Этот редактор дает вам больше возможностей для работы, но ему не хватает какого-либо вида предварительного просмотра.
Если вам нужен предварительный просмотр в прямом эфире, SiteOrigin Page Builder добавил режим live-редактора:
Это не то же самое, что у других конструкторов страниц в этом списке, потому что вы не можете перетаскивать элементы в предварительном просмотре, в реальном времени. Но это также больше, чем просто предварительный просмотр вашего дизайна, потому что есть некоторая интерактивность между абстрактными полями слева и предварительным просмотром в реальном времени.
Например, вы можете навести курсор на поле в режиме предварительного просмотра, а соответствующий бокс на боковой панели также отобразит выделение. Вы также можете щелкнуть элемент в режиме предварительного просмотра, чтобы открыть его настройки:
Включенные виджеты/шаблоны — 2/5
Помимо основных виджетов WordPress, SiteOrigin Page Builder также предлагает бесплатный плагин Widgets Bundle, который добавляет модульный набор из 23 виджетов, которые вы можете использовать. Он также включает
25 предварительно построенных шаблонов, которые вы можете использовать, хотя это довольно скудно по сравнению с другими конструкторами страниц.
Вы не можете сохранить свои проекты в качестве шаблонов, но вы можете легко клонировать существующие страницы, которые получают вам аналогичную функциональность.
Варианты стилизации — 3/5
Параметры стиля SiteOrigin Page Builder будут разочаровывать по сравнению с другими разработчиками страниц, если вы не знаете CSS. Но если вам удобно использовать свой собственный CSS, они на самом деле очень полезны.
Помимо добавления классов CSS и идентификаторов, вы также можете напрямую добавлять CSS к отдельным элементам, включая раздел для CSS только для мобильных устройств:
Вы также получаете множество опций стиля, отличных от CSS, — но не так много, как в других плагинах. Если вы разработчик, планирующий использовать свой собственный CSS, вы, вероятно, можете поставить плагину 5 для этой категории. Но я сбиваю его до 3, потому что я думаю, что он не подходит для обычных пользователей.
Другие примечательные особенности — 2/5
SiteOrgin Page Builder довольно легкий, но вы получаете базовый конструктор постов в пакете SiteOrigin Premium.
Деактивация плагина — 4/5
SiteOrigin Page Builder оставляет за собой сочетание чистого HTML и коротких кодов. То есть некоторые из виджетов, как текстовый редактор, оставляют чистый HTML-код, в то время как другие — как виджет кнопки — оставляют короткие коды.
6. WPBakery Page Builder(Visual Composer)
WPBakery Page Builder, ранее известный как Visual Composer, является еще одним массово популярным конструктором премиум-страниц. Большая часть этой популярности исходит из того факта, что WPBakery Page Builder связан с 99% тем в ThemeForest. Но факт остается фактом: он используется на огромном количестве сайтов.
Интерфейс — 3/5
Как и Divi Builder, WPBakery Page Builder дает вам как визуальное редактирование, так и редактирование в административной пенели.
Вы можете использовать интерфейс административной панели, если хотите:
Но я думаю, что большинство людей будут счастливее на лицевой стороне, которая выглядит так:
Вы вставляете новые элементы и стилизуете их с помощью всплывающих окон — нет области боковой панели и нет встроенного редактирования.
Лично я не поклонник такого подхода, но некоторым нравится это, потому что нет ничего, что могло бы помешать просмотру вживую, когда у вас нет всплывающего окна.
Включенные виджеты / шаблоны — 3/5
WPBakery Page Builder предлагает 39 элементов, а также всех обычных виджетов WordPress. Некоторые из этих элементов будут объединены в другом конструкторе страниц, однако, поэтому фактическое число больше похоже на
Вы также получаете
86 шаблонов. Некоторые шаблоны представляют собой полные страницы, а другие — просто разделы.
Варианты стилизации — 3/5
По сравнению с чем-то вроде Elementor или Divi Builder параметры стиля WPBakery Page Builder немного ограничены.
У вас есть хороший контроль над строками:
Но варианты стилизации отдельных элементов ограничены.
Если вы хотите использовать свой собственный CSS, вы можете добавить собственный класс или идентификатор CSS к отдельным элементам или добавить фактические стили на уровне страницы:
Другие примечательные особенности — 3/5
Я не уверен, что WPBakery Page Builder обладает особенно заметными уникальными функциями. Но то, что у него есть, — это массовое сообщество сторонних разработчиков. В то время как многие другие разработчики страниц имеют сторонние надстройки, WPBakery Page Builder уникален в количестве, которое содержит более 250+ надстроек.
Деактивация плагина — 3/5
Как и Divi Builder, WPBakery Page Builder оставляет за собой недостаток шорткодов в вашем контенте, если вы его деактивируете.
7. Theimify Builder
Themify Builder — это, что неудивительно, предложение компании Themify. Theimify связывает его со многими своими темами, чтобы предоставить клиентам легкие настройки. Но вы также можете приобрести его как отдельный плагин и использовать его с любой темой.
Интерфейс — 3/5
Подобно Divi Builder и WPBakery Page Builder, Themify Builder позволяет создавать ваши проекты с использованием интерфейсов как на внутреннем(бэкэнд), так и на визуальном(фронтэнд) интерфейсах.
Интерфейс бэкэнд выглядит следующим образом:
Но опять же, большинство людей, вероятно, захотят использовать визуальный интерфейс, который работает так:
Нет встроенного редактирования — вам нужно будет отредактировать текст во всплывающем окне:
Включенные виджеты / шаблоны — 3/5
Themify Builder предлагает 21 модуль, а также все обычные виджеты WordPress.
Вы также получаете
143 полностраничных шаблонов, а также меньшее количество секций, которые в основном представляют собой готовые разделы.
Варианты стилизации — 4/5
Если вы нажмете на какой-либо элемент, вы получите четыре разных вкладки, чтобы помочь стилизировать его:
Еще одна приятная вещь заключается в том, что Themify Builder позволяет настраивать ваши отзывчивые точки остановки.
Другие примечательные особенности — 3/5
Одна интересная вещь в Themify Builder заключается в том, что она по-прежнему позволяет использовать обычный редактор WordPress, тогда как другие разработчики страниц заставляют вас использовать интерфейс конструктора страниц для всего. Содержимое Themify Builder помечено в редакторе WordPress, чтобы вы могли размещать контент вокруг него:
Деактивация плагина — 5/5
Theimify Builder значительно улучшился в отношении блокировки. Теперь, если вы деактивируете его, он оставляет ваш контент позади с чистым HTML.
8. Brizy
Запущенный в апреле 2018 года, Brizy на сегодняшний день является «самым молодым» конструктором страниц в этом списке. Но он исходит от известного разработчика — ThemeFuse — и быстро собрал 9 000 активных установок. Кроме того, он просто предлагает уникальный подход к некоторым частям построения страниц, что делает его интересным предложением.
Интерфейс — 5/5
Brizy — исключительно визуальный конструктор страниц.
Чтобы создать свою страницу, сначала нужно добавить блок. Вы можете использовать пустой блок, или вы можете выбрать из готовых блоков секций:
Часть «уникальный интерфейс» — это то, что происходит, когда вы начинаете добавлять элементы. Вместо того, чтобы иметь боковую панель или всплывающее окно, где вы настраиваете/стилизуете элемент, почти все происходит внутри (включая ввод текста).
Посмотрите, что я имею в виду:
Результатом является очень быстрый способ создания страниц.
Включенные виджеты/шаблоны — 3/5
Сейчас Brizy предлагает 17 элементов. Это число мало, но Brizy все еще нова, поэтому, надеюсь, он со временем увеличивается.
Он также включает более 150 блоков(шаблонов), которые вы можете использовать.
Варианты стилизации — 5/5
Из-за того, как работает интерфейс Brizy, нет установленной формулы для изменения параметров стиля, таких как у других конструкторов страниц.
Вы можете расширить боковую панель для расширенных настроек, таких как интервалы и настраиваемые элементы управления:
Вы также можете добавить базовый стиль на уровне страницы, чтобы вам не пришлось вручную редактировать каждый отдельный элемент:
Но большую часть времени вы будете использовать встроенные элементы управления для стилизации ваших элементов, что даст вам хороший контроль.
Другие примечательные характеристики — 4/5
Интерфейс Brizy уже довольно уникален. Но команда работает над версией Brizy Pro, которая добавит:
Оценка основана на предположении, что эти функции действительно будут выпущены.
Деактивация плагина — 4/5
Brizy оставляет позади в основном чистый HTML-код, если вы его деактивируете. Но он по-прежнему оставляет кучу divs с Brizy CSS-классами в коде, что немного расстраивает отступы и требует очистки.
Какой конструктор страниц для WordPress лучше?
Итак, какой из этих восьми разработчиков страниц вы должны выбрать? Ну, вот как складываются счета (по порядку):
| Конструктор страниц | Итог (25 Максимум) | Интерфейс | Виджеты/Шаблоны | Стилизация | Доп. функции | |
| Elementor | 25 | 5 | 5 | 5 | 5 | 5 |
| Beaver Builder | 23 | 5 | 4 | 5 | 4 | 5 |
| Divi Builder | 22 | 4 | 5 | 5 | 5 | 3 |
| Thrive Architect | 22 | 5 | 4 | 5 | 3 | 5 |
| Brizy | 21 | 5 | 3 | 5 | 4 | 4 |
| Themify Builder | 18 | 3 | 3 | 4 | 3 | 5 |
| WPBakery Page Builder | 15 | 3 | 3 | 3 | 3 | 3 |
| SiteOrigin Page Builder | 14 | 3 | 2 | 3 | 2 | 4 |
И лично, это мое личноемнение, как я бы рекомендовал их людям.
На моих собственных сайтах я использую сочетание Elementor и Thrive Architect, в зависимости от сайта.
Если вы ищете лучшее решения цена/функции, вот еще одна таблица, сравнивающая оценку с параметрами ценообразования:
| Конструктор сайтов | Итог (из 25) | Бесплатная версия | Начальная цена |
| Elementor | 25 | Есть | $49 |
| Beaver Builder | 23 | Есть | $99 |
| Divi Builder | 22 | Нет | $89 |
| Thrive Architect | 22 | Нет | $67 |
| Brizy | 21 | Есть | Нет платной версии |
| Themify Builder | 18 | Есть | $39 |
| WPBakery Page Builder | 15 | Нет | $46 |
| SiteOrigin Page Builder | 14 | Есть | $29 |
Пишите в комментариях, какой конструктор сайтов Вы используете, и почему выбрали именно его.