Бобер Строитель против Диви 2022

Редакторы What You See Is What You Get (WYSIWYG) были основным продуктом компьютерного программного обеспечения с 1970-х годов, но в мире WordPress мы наблюдаем, как все больше и больше владельцев веб-сайтов переходят на конструкторы страниц с перетаскиванием, чтобы помочь им создавать стильные посты в блогах и профессиональные страницы.

Это внедрение усилилось с тех пор, как WordPress представил новый редактор блоков под названием Gutenberg в WordPress 5.0 в 2018 году. Конечно, классический редактор по-прежнему доступен для тех, кто предпочитает старый визуальный редактор.

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

Мне нравится простота редактора блоков WordPress, но нельзя отрицать, что это базовое решение. Его блоки контента имеют несколько параметров настройки и не имеют встроенной системы шаблонов. Это сильно ограничивает то, что вы можете создать.

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

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

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

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

Интерфейс Beaver Builder

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

Когда вы создаете новый пост в блоге, страницу или пользовательский тип поста в редакторе блоков WordPress, вы увидите вариант «Запустить Beaver Builder» или «Использовать стандартный редактор».

Кнопка «Запустить Beaver Builder» не отображается автоматически в редакторе Gutenberg. Он появляется только тогда, когда вы добавляете блок Beaver Builder на свою страницу.

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

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

При входе в систему вы также увидите возможность изменить страницу в панели администратора WordPress.

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

Нажатие на символ X выше закрывает меню, но вы можете перезагрузить меню, щелкнув символ +, который теперь отображается.

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

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

В этом меню скрыто множество настроек и функций.

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

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

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

Чтобы добавить новый модуль или строку в макет, просто перетащите его в основную область холста.

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

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

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

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

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

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

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

Интерфейс конструктора Divi

Elegant Themes используют слово Divi для описания как своей популярной темы WordPress, так и конструктора страниц с перетаскиванием.

Это вызывает небольшое замешательство у тех, кто плохо знаком с Elegant Themes, поэтому они иногда различают продукты, называя дизайн «Тема Divi», а конструктор страниц «Divi Builder».

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

После активации Divi Builder вы увидите опцию «Использовать Divi Builder» при добавлении нового сообщения, страницы или пользовательского типа сообщения.

Это запустит внешний визуальный конструктор, но также будет доступен внутренний редактор под названием Legacy Builder.

Вы можете переключиться на Divi Builder в любое время из редактора блоков WordPress по умолчанию.

Divi Builder также можно запустить с основных страниц списка сообщений, страниц и пользовательских типов сообщений.

Как и в Beaver Builder, если вы вошли в систему, вы увидите возможность включить Divi Builder в панели администратора WordPress.

В Elegant Themes также есть блок макета Divi.

Этот блок позволяет вам вставлять любой макет Divi непосредственно в макет, который вы создали с помощью редактора блоков WordPress по умолчанию.

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

Если вы начнете с нуля, Divi Builder загрузит ваш пустой холст и отобразит поле для вставки новой строки.

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

После того, как вы вставили строку, Divi Builder попросит вас выбрать модуль для добавления на вашу страницу.

Затем Divi Builder загружает окно настроек для выбранного вами модуля.

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

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

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

Опции главного меню разделены на три столбца.

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

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

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

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

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

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

В среднем меню есть семь опций. Кнопка X посередине закрывает меню.

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

Поле настроек поста/страницы позволяет изменить заголовок, отрывок, избранное изображение и категории. Здесь также доступно множество настроек дизайна, таких как интервал, цветовая палитра, пользовательский CSS и видимость.

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

Макеты можно экспортировать и импортировать в формате JSON через окно настроек переносимости. Это полезно для переноса макетов на другие веб-сайты.

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

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

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

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

Divi Builder имеет элемент над строками, называемый разделами.

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

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

К счастью, старый редактор все еще доступен в Divi Builder.

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

Пользовательский интерфейс Legacy Builder похож на режим просмотра каркаса, доступный в визуальном редакторе.

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

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

Включение каркасного режима и Legacy Builder, возможно, также делает Divi Builder более гибким решением.

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

Готовые макеты Beaver Builder

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

Beaver Builder не предлагает столько готовых макетов, как Divi, но качество каждого шаблона такое же высокое.

Шаблоны целевых страниц и шаблоны страниц контента доступны на вкладке шаблонов главного меню контента вместе с любыми сохраненными шаблонами.

Шаблоны целевых страниц — это готовые полностраничные шаблоны. Всего доступно 15 шаблонов целевых страниц вместе с пустым шаблоном страницы холста.

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

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

Готовые макеты вставляются в ваш макет за считанные секунды.

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

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

Доступно 25 шаблонов страниц контента. Существуют макеты, которые помогут вам вставить область информации, информацию о команде, услуги, контактную форму, таблицы цен, форму регистрации и многое другое.

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

Вы найдете их на вкладках строк основного меню контента.

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

Макеты можно сохранить в любое время и повторно использовать столько раз, сколько пожелаете.

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

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

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

Готовые макеты Divi

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

Для выбора доступно более 1100 пакетов макетов.

150 из этих макетов представляют собой пакеты макетов, которые включают дизайны для ряда областей вашего веб-сайта, таких как страница «О нас», блог, целевая страница и галерея.

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

Библиотеку Divi также можно загрузить из главного меню.

Библиотека Divi позволяет вставлять готовые макеты, сохраненные макеты и целые страницы.

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

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

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

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

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

После того, как вы вставили макет на свою страницу, вы можете настроить его и сделать его своим, изменив цвета, добавив модули и удалив разделы, которые вам не нужны.

Макеты можно сохранить в библиотеке Divi в любое время из главного меню Divi.

Вы можете назвать каждый макет и сгруппировать их по категориям.

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

Divi Theme Builder — это фантастический инструмент, который позволяет создавать собственные шаблоны страниц. Затем вы можете назначить шаблоны сообщениям, страницам и пользовательским типам сообщений.

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

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

Все сохраненные макеты можно просмотреть на странице «Библиотека Divi», ссылка на которую находится в главном меню администратора Divi.

С этой страницы можно импортировать и экспортировать макеты. Вы также можете управлять категориями макета здесь.

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

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

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

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

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

В Divi Builder также гораздо больше выбора: плагин предлагает 950 шаблонов целевых страниц против 15 в Beaver Builder. Для Divi также доступен большой выбор сторонних макетов.

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

Посетите страницу макетов Divi, чтобы узнать, какие готовые макеты доступны в Divi Builder.

Модули контента Beaver Builder

Всего в Beaver Builder доступно 29 модулей. Модули разделены на шесть категорий: «Основные», «Медиа», «Действия», «Макет», «Информация» и «Сообщения».

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

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

Когда модуль перетаскивается в область холста, появляется окно его настроек.

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

Например, в модуле карты есть поля для ввода адреса карты, высоты карты и атрибута названия карты.

Beaver Builder не имеет самой большой коллекции модулей контента и не предлагает столько вариантов настройки, как Divi.

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

Модули контента Divi Builder

38 модулей контента доступны для выбора в Divi Builder.

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

Divi Builder также добавляет новый настраиваемый тип записей для проектов.

Как и Beaver Builder, Divi имеет модуль боковой панели, чтобы вы могли интегрировать виджеты WordPress в свои макеты.

Divi Builder использует систему цветовой кодировки, чтобы помочь вам создавать стильные макеты.

Секции синие, ряды зеленые, а модули темно-серые (почти черные).

Вы можете добавить новый модуль, наведя указатель мыши на столбец и нажав кнопку «Добавить новый модуль».

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

Любые сделанные вами настройки можно сохранить в библиотеке Divi. Это может сэкономить вам много времени при создании страниц.

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

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

Настройка BeaverBuilder

Поле глобальных настроек можно загрузить из меню инструментов в пользовательском интерфейсе Beaver Builder.

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

Главная страница настроек Beaver Builder разделена на несколько разделов.

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

Доступ к системе шаблонов можно настроить в следующем разделе. Вы можете включить основные шаблоны, пользовательские шаблоны или все шаблоны. Шаблоны также можно отключить.

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

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

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

Настройка Divi Builder

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

На главной странице параметров плагина есть вкладка для ввода имени пользователя Elegant Themes и ключа API. Это нужно сделать, чтобы получать автоматические обновления плагинов.

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

Следующая вкладка позволяет включать и отключать Divi Builder для определенных типов записей WordPress. Это полезно, если вы хотите ограничить доступ к Divi Builder для определенных типов сообщений, таких как ваша галерея.

На вкладке «Дополнительно» вы можете включать и отключать минимизацию CSS и Javascript. Здесь же вы можете включить редактор Legacy Builder.

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

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

Например, вы можете запретить пользователям загружать макеты или отключать функции внутри Divi Builder.

Центр поддержки Divi предоставляет отчет о вашей системе. Это может помочь вам диагностировать любые проблемы с настройкой хостинга.

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

На этой странице также доступен удаленный доступ. Это может помочь команде поддержки Elegant Themes решить любые проблемы, возникающие у вас с Divi Builder.

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

Ошибки также отображаются на этой странице, если включен WP_DEBUG_LOG.

Divi Builder — это простой в настройке плагин WordPress с несколькими настройками, которые нужно проверить после установки.

Отличительной особенностью в области настроек является Редактор ролей Divi. Это то, что оценят владельцы крупных веб-сайтов WordPress с несколькими сотрудниками.

Тема Beaver Builder

Тема Beaver Builder — это платформа HTML5 и Bootstrap WordPress, которая включена в планы Beaver Builder Pro и Agency.

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

Все настройки для темы Beaver Builder содержатся в настройщике WordPress.

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

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

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

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

Это отличный выбор, если вы хотите использовать макеты Beaver Builder на своем веб-сайте.

Тема Диви

Beaver Builder позиционирует свой дизайн как фреймворк для Beaver Builder, а Elegant Themes позиционирует Divi Theme как универсальную тему WordPress «все в одном».

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

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

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

После активации темы Divi вы увидите несколько тонких изменений в меню администратора Divi.

Это включает в себя замену страницы параметров плагина страницей параметров темы и ссылкой на настройщик WordPress.

Помимо расширения области настроек, все остальное осталось прежним.

Интересно, что если Divi Theme активирована, плагин Divi Builder будет автоматически деактивирован. Это необходимо, поскольку функциональность Divi Builder встроена непосредственно в тему Divi (и тему WordPress Extra от Elegant Themes).

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

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

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

Все параметры плагина Divi Builder были интегрированы в более обширную область параметров Divi Theme.

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

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

Дополнительные параметры также доступны для пользователей Divi Theme.

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

Есть также страницы для добавления баннера 468 × 60 пикселей и общих сведений о SEO вашего сайта.

Как и тема Beaver Builder, тема Divi — это минимальная тема WordPress, оптимизированная для использования с Divi Builder.

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

Стоимость Beaver Builder

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

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

Beaver Builder и Elegant Themes более щедры, предлагая поддержку и обновления для неограниченного количества веб-сайтов.

Хотя эта статья посвящена в первую очередь премиум-версии Beaver Builder, я все же рекомендую попробовать Beaver Builder Lite.

Это хорошее решение для простых веб-сайтов, а также помогает понять, как работает интерфейс Beaver Builder.

Обратите внимание, однако, что в бесплатной версии Beaver Builder отсутствуют полезные модули, такие как контактная форма, таблица цен и карта. There is no access to the Beaver Builder templating system or pre-made layouts either.

For the vast majority of projects, the full version of Beaver Builder is a better fit than the lite version.

Three different premium plans are available: Standard, Pro, and Agency. All plans come with one year of premium support and access to premium modules and templates.

The standard plan retails at $99 per year. To get WordPress multisite support and access to the Beaver Builder Theme, you need to upgrade to the $199 per year Pro plan.

The $399 per year Agency plan adds white labeling. Web design companies may be interested in this plan as it allows you to rebrand the plugin as your own and change all references to Beaver Builder in templates and the admin area.

Beaver Builder предлагает 30-дневную гарантию возврата денег.

Все участники Beaver Builder также получают скидку 40% через год. Это снижает стоимость планов Beaver Builder в последующие годы до 59,40 долларов в год, 119,40 долларов в год и 239,40 долларов в год.

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

Стоимость Диви

Ценовая политика членства в Elegant Themes более проста.

Доступны два плана, и оба плана предоставляют вам полный доступ ко всем продуктам Elegant Themes.

Годовое членство в Elegant Themes стоит 89 долларов в год.

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

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

Elegant Themes также предлагает 30-дневную гарантию возврата денег всем новым клиентам.

Чтобы помочь вам лучше понять их продукты, Elegant Themes создали одну из самых обширных областей документации, которые я когда-либо видел. Существуют сотни письменных руководств и видеоуроков, которые объясняют, как работают темы и плагины Elegant Themes WordPress.

Участники также могут запросить помощь через поддержку билетов, а также есть большой форум сообщества, сеть Meetup и популярная группа Facebook.

Сравнивать стоимость Beaver Builder и Divi сложно, поскольку у них несколько разные модели ценообразования.

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

Однако я считаю, что полная версия Beaver Builder — лучший вариант для большинства пользователей WordPress.

Стандартная лицензия на Beaver Builder стоит 99 долларов и стоит на 10 долларов больше, чем Elegant Themes, однако за последующие продления взимается всего 59,40 долларов в год.

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

Членство в Elegant Themes также включает в себя тему Divi, в то время как вам придется заплатить 199 долларов, чтобы получить доступ к теме Beaver Builder.

Что еще более важно, членство в Elegant Themes включает в себя пять высококачественных продуктов: Divi Theme, Divi Builder, тему журнала WordPress Extra, плагин WordPress для электронной почты Bloom и плагин WordPress для социальных сетей Monarch.

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

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

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

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

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

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

Надеюсь, вам понравился наш подробный обзор Beaver Builder и Divi.

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

Вы можете узнать о Divi на сайте Elegant Themes и в нашем полном обзоре Divi Builder. Хотя бесплатная версия Divi Builder недоступна, вы можете протестировать плагин на демонстрационной странице Divi Builder. Это поможет вам увидеть, на что способен Divi Builder.

Спасибо за чтение.
Кевин