Обзор Beaver Builder: лучший плагин для создания страниц WordPress? (2022)

Ищете лучший плагин конструктора страниц для своего сайта WordPress?

Beaver Builder определенно заслуживает места в этом списке. С момента своего запуска в 2014 году он стал одним из лучших конструкторов страниц и заработал заслуженную репутацию благодаря надежной работе и отличному сообществу.

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

В целом, я думаю, что Beaver Builder — очень хороший конструктор страниц, но это не обязательно лучший инструмент для всех, поэтому вам понадобится правильная информация, чтобы решить, следует ли вам использовать Beaver Builder или одну из его популярных альтернатив, таких как Elementor или Divi Builder.

Продолжайте читать наш обзор, и я помогу вам принять это решение!

Обзор Beaver Builder: Краткое резюме

Если вы не знакомы с Beaver Builder, я начну с краткого обзора его функций, чтобы вы могли быстро освоиться.

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

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

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

По сути, Beaver Builder помогает вам создать на 100% настраиваемый веб-сайт WordPress.

Как работает интерфейс Beaver Builder

Давайте начнем с изучения интерфейса Beaver Builder и того, как он работает.

Базовый тур по интерфейсу

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

Добавление модулей

Чтобы добавить новые модули или шаблоны, вы можете щелкнуть значок «плюс» в правом верхнем углу, чтобы открыть интерфейс вставки. Модули разделены на разные категории, и вы также можете искать по названию.

Чтобы добавить модуль, просто перетащите его на страницу:

Как только вы добавите модуль, меню исчезнет, ​​и вы вернетесь к полному предварительному просмотру.

Если вы предпочитаете, чтобы меню оставалось фиксированным, вы можете перетащить его вправо или влево, чтобы превратить его в фиксированную боковую панель с этой стороны. Здесь я исправил это слева:

Что касается самих модулей, Beaver Builder хорошо справляется со своей задачей, предоставляя вам доступ ко всем наиболее важным модулям. Список может быть не таким большим, как у некоторых других конструкторов страниц, но я не думаю, что у большинства людей возникнут проблемы. Если вам нужно добавить дополнительные модули, вы всегда можете сделать это с помощью сторонних плагинов (подробнее об этом позже).

Настройка модулей, столбцов и строк

Чтобы открыть настройки любого элемента, вы можете навести на него курсор и щелкнуть значок гаечного ключа.

Если у вас есть исчезающее меню, настройки появятся во всплывающем окне, которое вы можете перетащить в любое место и изменить его размер:

Если вы предпочитаете подход с фиксированной боковой панелью, вместо этого настройки автоматически откроются на боковой панели:

Хотя на снимках экрана выше вы можете видеть текстовый редактор, Beaver Builder также поддерживает встроенное редактирование, что означает, что вы можете добавлять текст прямо на страницу, щелкая и вводя текст.

Что касается количества вариантов дизайна, я бы сказал, что вы получаете все важные основные параметры, но не получаете расширенные параметры дизайна, которые предлагают некоторые конструкторы страниц, такие как Elementor и Divi Builder.

Например, нет пользовательского абсолютного/относительного позиционирования, а также нет ничего похожего на эффекты движения Elementor или эффекты прокрутки Divi ( хотя Beaver Builder включает базовые анимации ).

Для обычных пользователей, я не думаю, что вы почувствуете, что что-то упускаете. Но если вы дизайнер, которому нравится настраивать все эти классные дизайнерские эффекты, то Elementor и Divi определенно немного более гибкие в этом отношении.

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

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

Создание дизайна с несколькими столбцами

Это одна из моих любимых функций Beaver Builder, и я не знаю, почему каждый конструктор страниц не делает этого таким образом.

Допустим, вы хотите создать многоколоночный дизайн. В большинстве других компоновщиков страниц вам сначала нужно настроить структуру столбцов. Затем вы можете перетащить виджеты в эти столбцы.

С Beaver Builder вы можете пропустить этот шаг и просто перетащить модуль рядом с другим модулем, чтобы автоматически создать новый столбец. Это небольшая вещь, но она действительно удобна и сэкономит вам время:

Конечно, Beaver Builder по-прежнему позволяет вам сначала настроить структуру столбцов — вам нужно вручную добавить строку, если вы предпочитаете делать это таким образом.

Вставка шаблонов

Чтобы сэкономить время, Beaver Builder включает в себя несколько полностраничных шаблонов, которые вы можете вставлять. Эти шаблоны бывают двух видов:

• Полные целевые страницы
• Страницы контента (например, страница «О программе»)

Однако я бы сказал, что шаблоны не являются сильной стороной Beaver Builder. Сами шаблоны выглядят хорошо, но вы не получаете доступ почти к тому количеству шаблонов, которое предлагают некоторые другие инструменты. Например, Divi предлагает вам более 1700 шаблонов, а Elementor — сотни.

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

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

Использование глобальных настроек

Глобальные настройки позволяют управлять высокоуровневыми настройками для всех ваших дизайнов Beaver Builder, такими как ширина по умолчанию для строк, поля/отступы по умолчанию для строк и столбцов, адаптивные макеты и многое другое.

Вы также можете настроить точки останова для малых и средних устройств в основном плагине, что позволяют не все конструкторы страниц (например, Elementor все еще находится в процессе разрешения настраиваемых точек останова).

Работа с кодом

Если вы хотите работать с кодом, Beaver Builder упрощает добавление CSS или JavaScript прямо на страницу — нажмите Ctrl + Y , чтобы открыть редактор кода.

Однако вы не можете добавить пользовательский CSS непосредственно в отдельный модуль/раздел, как это позволяет Elementor Pro. Несмотря на то, что вы можете добавить к модулю собственный класс CSS или идентификатор, вы не можете добавить сам CSS.

Общие мысли об интерфейсе и опыте редактирования

В целом, я думаю, что опыт редактирования в Beaver Builder довольно хорош.

Когда дело доходит до вариантов дизайна, у него не так много, как у Elementor или Divi, но есть все основные параметры, которые понадобятся большинству пользователей.

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

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

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

В нем нет ничего особенно яркого, это просто действительно надежный и приятный интерфейс.

Бобр Темер

Beaver Themer — это официальное расширение от команды Beaver Builder, которое добавляет полную поддержку создания тем в Beaver Builder.

Beaver Builder был одним из первых конструкторов страниц, предлагающих полное создание тем, обойдя другие громкие имена, такие как Elementor и Divi.

Когда Beaver Themer активен, вы можете перейти в Beaver Builder → Themer Layouts , чтобы создать шаблоны для вашей темы:

• Заголовок
• Нижний колонтитул
• Единственное число (например, отдельные сообщения в блоге, страницы и т. д.)
• Архив (например, страница, на которой перечислены все сообщения вашего блога)
• 404 страница

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

Шаблоны тем

Когда вы создаете новый шаблон темы, вам сначала нужно выбрать, когда использовать этот шаблон. Вы можете настроить таргетинг на определенные типы контента, например, на все сообщения в блоге или только на сообщения с определенной категорией/тегом.

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

Поскольку большинство других конструкторов тем не имеют подобной функции, это несомненное преимущество Beaver Themer.

Оттуда вы можете использовать тот же интерфейс Beaver Builder для разработки своего шаблона. Единственное отличие состоит в том, что вы сможете вставлять «динамический» контент, такой как заголовок и содержание поста.

Beaver Themer также работает с настраиваемыми полями, поэтому вы можете вставлять данные из таких плагинов, как Advanced Custom Fields или Pods. Ниже вы можете увидеть, что значит связать содержимое поля с динамической информацией.

Тематические части

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

Вы можете использовать части темы для рекламы, форм подписки, призывов к действию и многого другого.

Тема Beaver Builder

Тема Beaver Builder — это легкая базовая тема WordPress, предназначенная для сопряжения с Beaver Builder.

По сути, идея состоит в том, что вы используете тему Beaver Builder для обработки областей, не связанных с содержимым, таких как верхний и нижний колонтитулы и шаблоны блога, а затем вы используете Beaver Builder для разработки фактического содержимого (часть, которая находится между заголовком и нижний колонтитул).

Однако, честно говоря, я не считаю тему Beaver Builder такой уж ценной для дополнения в 2022 году и далее. Дело не в том, что тема «плохая» — это хорошая тема. Я просто думаю, что пространство WordPress изменилось, и оно больше не такое уж особенное.

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

Но теперь мы избалованы выбором, когда дело доходит до гибких и легких тем, предназначенных для сопряжения с компоновщиками страниц. Все эти темы следуют тому же основному принципу, что и тема Beaver Builder, но делают это лучше ( по крайней мере, на мой взгляд ). В 2022 году и позже я бы предпочел объединить Beaver Builder с GeneratePress.

Представление

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

Я лично провел несколько тестов, создав идентичные страницы с помощью разных компоновщиков страниц, и Beaver Builder обычно является одним из лучших вариантов, когда речь идет о производительности. Под этим я подразумеваю, что размеры его страниц и HTTP-запросы ниже, чем у других сборщиков.

Чтобы дать вам хорошее представление о том, какой дополнительный вес добавляет Beaver Builder по сравнению с родным редактором блоков WordPress (Gutenberg), я решил провести небольшой тест.

Я создал простой дизайн в двух версиях: в редакторе Gutenberg и в премиум-версии Beaver Builder.

Затем я сравнил размеры страниц и HTTP-запросы (эти цифры включают тему моего сайта, то есть GeneratePress):

Вы можете видеть, что Beaver Builder по умолчанию загружает не так много. Дизайн очень простой и в основном включает только текст, кнопки и столбцы. Этот результат меньше, чем у многих других конструкторов страниц.

Например, когда я сделал то же самое с Divi Builder, он добавил 316,7 КБ (по сравнению с +44,1 КБ в Beaver Builder) и семь новых HTTP-запросов (по сравнению с четырьмя новыми HTTP-запросами в Beaver Builder).

Еще одним приятным моментом является то, что Beaver Builder не загружает свои скрипты по всему сайту. Поэтому, если у вас есть страница, созданная с помощью родного редактора WordPress, Beaver Builder не загрузит ни одного скрипта на этой странице.

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

Заключение о производительности Beaver Builder

Будет ли страница, которую вы создаете с помощью Beaver Builder, загружаться так же быстро, как та же страница, которую вы создаете с помощью редактора блоков Gutenberg? Нет, при прочих равных, не будет.

Однако редактор блоков Gutenberg не дает вам такой гибкости проектирования, как Beaver Builder. И по сравнению с другими плагинами для создания страниц с аналогичной гибкостью Beaver Builder выглядит довольно выгодно.

Итак, пока вы согласны с основным компромиссом производительности, который справедлив для любого плагина компоновщика страниц, Beaver Builder хорошо справляется с тем, чтобы свести к минимуму дополнительный вес.

Если вы следуете рекомендациям по производительности WordPress, используете некоторые плагины для оптимизации скорости и размещаете свой сайт на быстром хостинге, вы можете полностью создать сайт с быстрой загрузкой с помощью Beaver Builder.

Сторонние надстройки Beaver Builder

В дополнение к Beaver Themer, Beaver Builder также имеет оживленный рынок сторонних надстроек Beaver Builder, которые позволяют вам еще больше расширить базовый конструктор.

Как правило, вы будете использовать эти расширения для добавления новых модулей контента и шаблонов, хотя некоторые также добавляют новые функции, такие как интеграция платформы Pods с Beaver Builder/Themer.

Чтобы дать вам представление, вот два самых популярных варианта:

• Ultimate Addons для Beaver Builder (от той же команды, что и над темой Astra)
• Дополнение PowerPack для Beaver Builder

Чтобы увидеть еще больше вариантов, ознакомьтесь с нашим обзором лучших надстроек Beaver Builder.

Цены

Теперь, когда мы рассмотрели все остальное, давайте поговорим о ценах.

Во-первых, у Beaver Builder есть бесплатная облегченная версия на WordPress.org, но она очень ограничена.

Честно говоря, теперь, когда существует редактор блоков Gutenberg, я не вижу никакой ценности в бесплатной версии Beaver Builder, кроме того, что она позволяет вам опробовать пользовательский интерфейс, чтобы понять, нравится ли он вам.

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

Однако, когда дело доходит до премиум-версии, Beaver Builder довольно доступен.

Во-первых, важно отметить, что все тарифные планы Beaver Builder позволяют использовать неограниченное количество веб-сайтов.

Оттуда планы начинаются всего с 99 долларов за один год поддержки и обновлений. На всех планах вы можете получить скидку 40% на продление, если хотите продолжать получать поддержку и обновления после первого года.

Как я упоминал выше, я больше не считаю тему Beaver Builder такой ценной, поэтому я думаю, что почти всем подойдет стандартная лицензия за 99 долларов. Единственные причины, по которым вы можете захотеть платить больше:

1. Вам нужна поддержка мультисайтов WordPress, и в этом случае вам нужна лицензия Pro за 199 долларов.
2. Вам нужна белая маркировка, и в этом случае вам нужна лицензия агентства за 399 долларов.

Если вы хотите добавить поддержку создания тем, вам также необходимо приобрести Beaver Themer, который стоит 147 долларов США для использования на неограниченном количестве сайтов.

Поэтому, если вам нужен конструктор страниц и конструктор тем, вы должны заплатить 246 долларов за использование на неограниченном количестве сайтов и один год поддержки и обновлений. Затем вы заплатите в общей сложности 147,60 долларов США за продление, если хотите продолжать получать поддержку и обновления после первого года.

Заключительные мысли о Beaver Builder

В целом, я думаю, что Beaver Builder — очень хороший плагин от авторитетной и надежной команды разработчиков. Он существует уже более семи лет, и за это время он создал отличное сообщество.

Тем не менее, стоит ли вам использовать Beaver Builder или нет, зависит от того, что вы цените в плагине для создания страниц WordPress.

Если вам нужен построитель страниц, который всегда добавляет новые функции и дает вам новые возможности дизайна, Beaver Builder может быть не лучшим выбором, потому что это, похоже, не находится в центре внимания команды Beaver Builder. Не то чтобы Beaver Builder никогда не добавлял новые функции, но они появляются медленнее, чем такие плагины, как Elementor, Divi и Brizy.

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

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

Так что в основном, как я это вижу. Я не думаю, что есть единственный «правильный» ответ — это действительно зависит от того, какой подход вы предпочитаете.

Если вам нравится подход Beaver Builder, вы можете нажать кнопку ниже, чтобы перейти на веб-сайт:

Получить Beaver Builder

Если вы предпочитаете другие варианты, вы можете ознакомиться с нашей коллекцией лучших плагинов для создания страниц. Если вам нужна максимальная гибкость дизайна, я думаю, что хорошими вариантами являются Elementor (прочитайте наш обзор) и Divi Builder (прочитайте наш обзор).

Чтобы увидеть, как Beaver Builder сочетается с этими плагинами, вы можете проверить эти сообщения:

• Elementor Pro против Beaver Builder
• Диви против Бобра Строителя

Остались вопросы о Beaver Builder или нашем обзоре Beaver Builder? Оставьте комментарий и дайте нам знать!