Обзор Beaver Builder: подробный взгляд на популярный плагин WordPress Page Builder

Beaver Builder обязательно появится в любом списке плагинов для создания страниц WordPress. Но стоит ли популярный плагин своей соли? Есть ли в нем необходимые функции и легко ли с его помощью создавать отличные веб-сайты на WordPress? Как вообще установить плагин на WordPress? Вы получите все свои ответы в этом подробном и тщательно протестированном обзоре Beaver Builder Review.

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

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

Так что, если это то, что вы ищете, давайте перейдем к этому окончательному обзору Beaver Builder!

Строитель бобра: обзор

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

Мощные функции и контроль

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

Простота использования и интеграции

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

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

Настраиваемые шаблоны

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

Адаптивные сайты

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

На бумаге Beaver Builder звучит впечатляюще. В следующих разделах я покажу вам, как это работает в действии.

Особенности и преимущества Beaver Builder

К настоящему времени у вас есть четкое представление о том, что предлагает Beaver Builder и как это работает. Прежде чем я покажу вам интерфейс плагина, давайте кратко рассмотрим его возможности:

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

Это отличные функции, но сколько вы платите за их приобретение для создания своего веб-сайта? Давайте посмотрим на цены на плагин!

Цены на Beaver Builder

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

Лицензии Beaver Builder Pro начинаются с 99 долларов США с обновлениями в течение года для неограниченного количества сайтов и 40% скидкой на ежегодные обновления. Это стандартный план, который я бы порекомендовал большинству индивидуальных пользователей, создающих сайты электронной коммерции, бизнеса или профессиональных блогов.

Есть более дорогие планы, которые предлагают больше функций, таких как:

• Поддержка нескольких сайтов WordPress
• Официальная тема Beaver Builder, предназначенная для безупречной работы с плагином.
• Функциональность white-label.

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

Системные требования для Beaver Builder

Теперь давайте посмотрим на системные требования для Beaver Builder.

Совместимость с браузером

Вы можете использовать три последних версии браузеров Chrome, Firefox, Safari и Edge. Для пользователей Internet Explorer рекомендуется IE 11.

Версии WordPress

Я бы рекомендовал использовать последнюю версию WordPress и PHP для повышения безопасности и производительности. Информацию об обновлениях и инструкциях по WordPress вы можете найти в статьях о WordPress.

• Плагин Beaver Builder: WordPress 4.6 и выше | PHP 5.6.20 и выше (рекомендуется PHP 7.x)

Примечание . Версии WordPress начиная с 4.9.6 требуют Beaver Builder версии 2.1.1.3 или выше.

• Тема Beaver Builder : WordPress 4.1 и выше | PHP 5.6.20 и выше
• Beaver Themer : WordPress 4.6 и выше

Версии jQuery

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

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

Как установить Beaver Builder на свой сайт WordPress?

Пришло время установить Beaver Builder на WordPress. Beaver Builder поставляется с бесплатной (облегченной) версией и премиум-версией, и ее легко установить. Я собираюсь рассказать о процессе установки обеих версий одну за другой.

Бесплатная (Lite) версия

Перейдите в панель управления WordPress> Плагин> Добавить.

Найдите Beaver Builder в строке поиска справа. Нажмите кнопку установки, затем активируйте ее.

После установки и активации Beaver Builder новая опция Beaver Builder появится при наведении указателя мыши на любую страницу или сообщение на панели управления.

Премиум версия

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

• Загрузите zip-файл плагина Beaver Builder со страницы « Моя учетная запись» . Ваш лицензионный ключ отображается над ссылками на zip-файл на странице.

• Перейдите в панель управления WordPress> Плагин> Добавить новый и нажмите кнопку загрузки плагина .

• Нажмите кнопку выбора файла , откроется окно браузера.

• Выберите zip-файл Beaver Builder в локальной системе или просто перетащите файл поверх кнопки «Обзор». Имя zip-файла появится справа от кнопки « Выбрать файл» .
• Щелкните Установить сейчас .

• Прежде чем активировать плагин, вы должны разобраться в сценарии. Если у вас установлена ​​облегченная версия плагина, она автоматически деактивируется при установке премиум-версии. Если у вас уже установлена ​​премиум-версия, вы можете заменить ее, нажав « Заменить текущую загруженную» .
• Нажмите Активировать, чтобы активировать плагин.

Активация лицензии

После установки и активации плагина Beaver Builder я объясню вам процесс активации лицензии:

• На панели управления WordPress выберите «Настройки»> «Beaver Builder» , затем щелкните вкладку « Лицензия ».
• Добавьте свой лицензионный ключ, который вы можете найти на странице « Моя учетная запись» .
• Вы можете получать обновления и понижения, когда ваша лицензия активна. Номер лицензии должен остаться прежним.

Как использовать Beaver Builder (Практическое занятие)

После установки и активации новая опция Beaver Builder появится при наведении указателя мыши на любую страницу или сообщение на панели инструментов:

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

Среди этих настроек у вас есть функция перетаскивания для перемещения элемента по странице, настройка для этого конкретного элемента, дублирование модуля, редактирование столбца или возможность удаления элемента:

В приведенном выше примере я выбрал модуль «Заголовок». Если я отредактирую этот заголовок, щелкнув значок гаечного ключа, я смогу получить доступ к меню, которое выглядит следующим образом:

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

• Общие : это основные параметры настройки для каждого модуля.
• Стиль : думайте о вкладке стиля как о быстром способе применения CSS к каждому модулю через удобный интерфейс.
• Дополнительно : вкладка «Дополнительно» позволяет изменять поля, указывать точки останова, добавлять анимацию, вставлять собственный HTML-код и т. Д.

Более полные модули имеют дополнительные вкладки. Например, модуль «Сообщения», который отображает сообщения или страницы, включает вкладку «Содержимое» для фильтрации отображаемых сообщений и вкладку «Пагинация» для управления просмотром большого набора сообщений.

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

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

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

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

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

1. Определите примерный макет страницы.
2. Начните добавлять столбцы и строки.
3. Заполните столбцы и строки необходимыми модулями и настройте их.
4. При необходимости перетаскивайте модули, чтобы элементы выглядели именно так, как вы хотите.
5. Просмотрите, как страница выглядит на экранах разного размера.

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

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

Готовые шаблоны

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

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

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

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

Совместимость и производительность Beaver Builder с Cloudways

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

Я воспользуюсь некоторыми жизненно важными инструментами для проверки скорости и покажу вам, насколько Beaver Builder совместим с платформой Cloudways.

Ресурсы, которые мы использовали:

Конфигурация сервера Cloudways

Конфигурация приложения

Установленный плагин

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

Анализ производительности GTMetrix

URL: https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• Производительность : 100%
• Состав : 93%
• LCP : 539 мс
• TBT : 0 мс
• CLS : 0,03

Анализ производительности Pingdom

URL: https://tools.pingdom.com/#5ea5673c8fc00000

• Оценка производительности : 88
• Размер страницы : 2,0 МБ
• Время загрузки : 365 мс
• Запросы: 49

Анализ эффективности PageSpeed ​​Insight

Общая оценка : 91
FCP : 0,8 с
Индекс скорости: 1,5 с
LCP : 1,8 с
TTI : 0,8 с
TBT : 0 мс
CLS : 0,028

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

Beaver Builder: плюсы и минусы

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

Плюсы:

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

Минусы:

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

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

Несовместимость Beaver Builder

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

Давайте посмотрим на некоторые основные несовместимости Beaver Builder.

1. Конфликты плагинов

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

2. Тематические конфликты
Темы также могут вызывать проблемы с плагином Beaver Builder WordPress. Какие проблемы возникают из-за этой темы и как их идентифицировать?

Давайте проверим пункты ниже для лучшего понимания:

• Страница зависает при редактировании или при сохранении отредактированной страницы
• Пользователь не может редактировать страницу в Beaver Builder
• Панель редактирования Beaver Builder не отображается вверху страницы
• Окна настроек модуля не отображаются в редакторе

Перейдите в Панель управления WordPress> Внешний вид> Тема и переключите активную тему на любую стандартную тему WordPress, например, двадцать двадцать.

3. Плагин Async Javascript

Плагин Async Javascript может конфликтовать и вызывать проблемы, если вы не настроите указанные ниже параметры.

• Исключить jQuery
• wp-includes / js добавляется в поле Async Javascript> Settings> Scripts Exclusion .

4. Плагин Duplicator.

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

5. Ракетный погрузчик Cloudflare

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

Пользовательские обзоры Cloudways на Beaver Builder

Молва громче, чем маркетинговые методы, поэтому давайте посмотрим на сообщество Beaver Builder и проанализируем, что люди говорят о Cloudways. Пришло время изучить, как люди считают Cloudways лучшей платформой при использовании Beaver Builder.

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

Последние мысли о Beaver Builder

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

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

И после тестирования производительности плагина на управляемом хостинге Cloudways, я могу с уверенностью сказать, что если вы хотите быстро развернуть веб-сайт, но не хотите идти на компромисс с его производительностью, безопасностью и т. Д., Вам нужно использовать сервер WordPress на Cloudways. + Плагин Beaver Builder, который является верной формулой успеха.

Что вы думаете о Beaver Builder после прочтения этого обзора? Если есть какой-то момент, который мы могли упустить, просто дайте мне знать, и я обязательно обновлю этот обзор.