Диви против Авада 2022

Divi и Avada считаются двумя лучшими темами WordPress на рынке.

Обе эти многоцелевые темы WordPress «Все в одном» имеют удобный конструктор страниц с возможностью перетаскивания и поставляются с готовыми красивыми макетами веб-сайтов. Это позволяет создавать сайты любого типа одним нажатием кнопки.

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

За последние несколько лет Elegant Themes постоянно совершенствовали и улучшали Divi, поместив свой флагманский конструктор страниц Divi Builder в основу темы.

Divi, несомненно, по-прежнему является одной из лучших тем WordPress, однако есть альтернативы, которые следует рассмотреть пользователям WordPress, такие как X Theme и Genesis Framework.

В этом обзоре я хотел бы показать вам, как Divi сравнивается с Avada.

Avada была выпущена в 2012 году компанией Theme Fusion, за год до запуска Divi.

С продажами около 600 000 это, безусловно, самая продаваемая тема WordPress на ThemeForest, превосходящая по продажам тему X, занявшую второе место, в три раза.

После нескольких минут использования Avada становится понятно, почему тема WordPress так популярна. Это универсальное решение, и его встроенный конструктор страниц Fusion Builder Live превосходен.

Давайте внимательно посмотрим, что могут сделать Divi и Avada, и посмотрим, как они сравниваются.

Разделы статьи :

• Простота настройки
• Бэкенд-страница
• Построение страницы интерфейса
• Контент и макеты
• Другие функции и настройки
• Представление
• Поддержка и документация
• Расходы
• Последние мысли

Простота настройки

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

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

Диви — простота настройки

Если вы новичок в Divi, вы можете быть немного смущены тем, что означает «Divi», потому что Elegant Themes часто используют это слово для описания темы, компоновщика страниц и общего пакета.

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

Чтобы активировать Divi Theme на своем веб-сайте, вам просто нужно загрузить файлы в папку тем WordPress и активировать дизайн со страницы тем WordPress.

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

Меню содержит ссылки на ключевые области конфигурации: параметры темы, конструктор тем, настройщик тем, редактор ролей, библиотека Divi и центр поддержки.

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

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

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

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

Темы «все в одном» WordPress, такие как Divi и Avada, как правило, используют больше ресурсов, чем другие дизайны, чтобы обеспечить правильную работу определенных функций.

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

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

На этой странице также есть безопасный режим и журнал ошибок.

Avada — простота установки

Avada приняла более удобный для начинающих подход к своей теме WordPress.

После того, как вы загрузите Avada в папку тем WordPress и активируете дизайн, вы попадете на страницу приветствия Avada.

На странице приветствия отображается вводное видео о последней версии Avada и напоминание о регистрации покупки.

Вам также рекомендуется активировать два плагина WordPress: Fusion Core и Fusion Builder.

Все страницы, которые вы видите в меню навигации страницы приветствия, можно найти в меню администратора Avada.

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

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

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

Для правильной работы Avada необходимо активировать Fusion Core и Fusion Builder. Вы можете сделать это через страницу плагинов WordPress.

Плагин Avada Fusion White Label Branding также можно найти здесь вместе с четырьмя плагинами премиум-класса и набором рекомендуемых бесплатных плагинов.

После активации Fusion Builder вы увидите меню администратора Fusion Builder под меню администратора Avada.

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

Как и Divi, Avada требует хорошей настройки хостинга для эффективной работы.

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

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

Вывод — простота настройки

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

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

Победитель: Авада

Бэкенд-страница

В основе Divi и Avada вы найдете два лучших конструктора страниц с перетаскиванием на рынке: Divi Builder и Fusion Builder.

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

Divi — создание бэкенд-страницы

После активации Divi Builder вы увидите кнопку «Использовать Divi Builder» в верхней части редактора WordPress. Это относится к интерфейсному редактору Divi Builder Visual Builder.

Затем вы увидите возможность редактировать свой макет с помощью Divi Builder.

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

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

Одним из самых интересных дополнений к Divi является блок макета Divi. Этот блок позволяет вставлять макеты Divi непосредственно в редактор блоков WordPress.

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

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

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

Затем вы можете отключить последнюю версию конструктора и включить классический редактор.

Если вы используете автономный плагин Divi Builder WordPress, эти параметры можно найти на вкладке «Дополнительно» на странице параметров плагина.

Внешний вид Legacy Builder аналогичен режиму просмотра каркаса, который доступен в Visual Builder.

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

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

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

Avada — создание бэкенд-страницы

Обратим внимание на Fusion Builder.

Fusion Builder Live — это основной способ создания и редактирования макетов в Avada, однако сначала я хотел бы показать вам, как работает внутренний редактор и как Fusion Builder работает с редактором блоков WordPress.

После активации плагина вы увидите кнопки Fusion Builder и Fusion Builder Live в редакторе WordPress.

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

На странице настроек Fusion Builder вы можете автоматически загрузить серверный редактор Fusion Builder, включив «Автоактивация Fusion Builder».

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

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

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

С точки зрения функциональности бэкенд-редактор Fusion Builder имеет много общего с Legacy Builder в Divi, однако из-за тускло-серой цветовой схемы интерфейс выглядит немного устаревшим.

Fusion Builder Live можно запустить в интерфейсе вашего веб-сайта с панели инструментов WordPress. Вы также можете вернуться к предпочитаемому внутреннему редактору, выбрав «Редактировать страницу».

Хотя прямой интеграции с редактором блоков WordPress нет, при добавлении или редактировании контента вы можете выбрать, хотите ли вы использовать Fusion Builder, Fusion Builder Live или редактор блоков WordPress (Gutenberg).

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

Независимо от того, используете ли вы классический редактор WordPress, редактор блоков WordPress или Fusion Builder, если вы создаете контент в серверной части WordPress, вы увидите окно «Параметры страницы Fusion».

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

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

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

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

Заключение — создание бэкэнд-страницы

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

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

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

Напротив, Avada продолжает отключать редактор блоков WordPress и делает устаревший классический редактор редактором по умолчанию.

Победитель: Диви

Построение страницы интерфейса

Вы не покупали Divi или Avada для создания макетов на бэкенде вашего сайта, не так ли?

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

Divi — создание страницы интерфейса

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

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

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

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

Меню Divi Builder отображается внизу страницы и разделено на три раздела.

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

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

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

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

Меню Divi Builder — большая часть процесса создания страницы.

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

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

Отсюда также доступно меню настроек Divi Builder.

В этом окне настроек вы можете включить режим наведения, режим щелчка и режим сетки. Эти режимы изменяют то, как вы взаимодействуете с Visual Builder.

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

Слева вы также найдете «Wireframe View».

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

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

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

Справа есть возможность загрузить окно настроек страницы. Это поле можно перемещать по странице или привязывать к размеру страницы.

Есть варианты для редактирования заголовка страницы, избранного изображения и цвета фона. Здесь также есть функция сплит-тестирования.

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

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

Последний параметр в среднем меню — переносимость.

Окно переносимости позволяет вам экспортировать и импортировать ваши макеты, используя формат файла JSON.

Это полезно для создания резервных копий макетов и для переноса макетов Divi Builder на другие веб-сайты.

Макеты можно сохранить в любое время с помощью кнопки сохранения в правой части меню Divi.

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

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

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

Avada — создание страницы интерфейса

Интерфейсный редактор Avada называется Fusion Builder Live.

Этот конструктор страниц был создан специально для Avada и не доступен для загрузки отдельно, что разочаровывает, поскольку это один из лучших конструкторов страниц WordPress на рынке.

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

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

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

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

При желании вы можете отобразить настройки элементов в подвижном значке (в Divi элементы называются модулями).

Вам просто нужно изменить режим редактирования элемента с «элемент» на «диалог» в окне настроек.

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

Следующая кнопка загружает окно настроек Fusion Builder Live.

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

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

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

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

Первая кнопка для поддержки. При нажатии на нее отображаются ссылки на руководство для начинающих и центр поддержки Theme Fusion. Здесь также отображаются полезные сочетания клавиш.

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

Fusion Builder Live также имеет режим просмотра каркаса, который отображает ваш макет с помощью внутреннего редактора.

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

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

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

То, как Theme Fusion интегрировал ключевые настройки в редактор Fusion Builder Live, просто фантастика.

На боковой панели настроек перечислены сотни настроек макета темы. Он работает так же, как настройщик WordPress.

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

Помните окно «Параметры страницы Fusion», которое отображалось под записями и страницами в области администрирования WordPress?

Эти же параметры можно найти на боковой панели настроек Fusion Builder Live. Их можно использовать для внесения определенных изменений в вашу страницу и ее макет.

В целом, Fusion Builder Live — фантастическое решение, и его интерфейс прост в освоении. Жалко, что отдельно не продается.

Заключение — создание страницы интерфейса

Divi Builder и Fusion Builder Live предоставляют фантастические возможности редактирования и позволяют легко создавать красивые макеты.

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

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

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

Победитель: Диви

Контент и макеты

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

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

Divi — контент и макеты

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

Каждую неделю Elegant Themes добавляют новые макеты в Divi, и растет число сторонних веб-сайтов и торговых площадок, предлагающих готовые макеты Divi.

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

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

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

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

В Divi доступно более 150 пакетов макетов веб-сайтов.

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

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

Если выбрано «Заменить содержимое», новый макет заменит весь ваш макет. Если он не выбран, новый макет будет добавлен в конец существующего содержимого.

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

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

Когда вы добавляете модуль на свою страницу, отображается окно его настройки. Здесь можно настроить десятки функций и настроек стиля.

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

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

Divi Library — важная функция Divi Builder, которой я рекомендую воспользоваться.

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

Когда вы выберете редактирование макета, вы увидите свой макет в режиме каркасного просмотра.

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

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

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

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

Это дает вам полный контроль над стилем различных областей вашего веб-сайта.

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

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

Такие функции, как Divi Theme Builder, показывают, что Elegant Themes еще больше расширяют функциональность дизайна Divi Builder, но Divi Theme продолжает поддерживать WordPress Customizer.

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

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

К сожалению, тема Divi не полностью поддерживает настройщик WordPress.

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

Удивительно, почему Elegant Themes разделили параметры настройки темы между двумя разными областями.

Avada — контент и макеты

В Avada доступно 62 демоверсии тем.

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

На странице параметров темы Avada перечислены все демонстрационные версии темы. Демонстрации можно фильтровать по категориям или с помощью окна поиска.

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

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

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

Когда вы нажимаете, чтобы импортировать демо-версию темы, Avada сообщает, какие плагины WordPress необходимо активировать, чтобы она работала правильно.

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

Avada отображает предупреждение перед импортом, которое напоминает вам, что импорт заменит вашу текущую тему WordPress.

Avada изменит название вашего веб-сайта на имя импортированной демо-версии темы.

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

Демонстрации также доступны в Fusion Builder с помощью кнопки библиотеки.

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

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

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

Элементы — это строительные блоки контента, которые вы добавляете в свои макеты.

WordPress называет их блоками в редакторе Gutenberg, а Divi называет их модулями, но все они относятся к одному и тому же.

В Fusion Builder доступно около 60 элементов, что на 50% больше, чем в Divi Builder.

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

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

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

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

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

Несмотря на то, что Divi Builder предоставляет вам больше возможностей для оформления и настройки макетов, Fusion Builder Live более чем компенсирует это благодаря встроенному настройщику тем.

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

На странице параметров Avada есть сотни настроек. Большинство из них также можно найти в Fusion Builder Live, и вы можете в любой момент перейти к интерфейсу Fusion Builder Live с помощью кнопки «Edit Live».

Главная страница параметров Avada содержит некоторые дополнительные настройки, поэтому при первой настройке веб-сайта стоит просмотреть каждый раздел здесь.

Отдельные элементы содержимого можно включать и отключать на странице настроек Fusion Builder.

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

В Fusion Builder Live вы увидите варианты сохранения частей вашего макета в библиотеке Fusion Builder.

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

Страница библиотеки Fusion Builder находится в главном меню Fusion Builder.

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

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

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

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

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

Заключение — содержание и макеты

Библиотечная система Divi Builder и обширный список параметров настройки компоновщика страниц делают его лучшим компоновщиком страниц WordPress.

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

В то время как Divi разделяет ключевые настройки дизайна между страницей параметров темы Divi и настройщиком WordPress, Avada позволяет вам контролировать все из одного центрального места с помощью редактора Fusion Builder Live. Это удивительная функция, которая выделяет Fusion Builder Live из толпы.

Победитель: Авада

Другие функции и настройки

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

Divi — другие функции и настройки

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

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

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

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

В области параметров также есть различные настройки для меню навигации, Divi Builder, отдельных сообщений и страниц, баннерной рекламы 468X60 и SEO. Также есть варианты добавления пользовательского кода на страницы.

Редактор ролей Divi доступен в Divi Builder и Divi Theme.

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

Avada — другие функции и настройки

Количество способов добавления слайдов в Avada граничит со смешным.

Внутри Fusion Builder есть элемент Slide для интеграции слайдов в ваши макеты, но Avada также имеет два настраиваемых типа сообщений Slider, встроенных в тему.

Это Elastic Slider и Fusion Slider, причем Fusion Slider — это тип сообщений, который используется в демонстрациях темы Avada.

Если вам этого недостаточно, Avada также поставляется в комплекте с Layer Slider и Slider Revolution.

Эти расширенные плагины WordPress для слайдеров являются двумя самыми продаваемыми решениями для слайдеров премиум-класса, доступными пользователям WordPress.

Типы постов портфолио и часто задаваемых вопросов также доступны в Avada.

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

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

Заключение — другие функции и настройки

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

В то время как Divi предоставляет вам больше всего вариантов стилей для создания страниц, Avada дает вам больше контроля над вашим сайтом.

Победитель: Авада

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

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

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

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

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

Диви - Производительность

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

На странице настроек Divi Builder также есть возможность включить генерацию статических файлов CSS.

Авада - Производительность

Avada имеет дюжину настроек производительности. Их можно изменить на главной странице параметров темы или в Fusion Builder Live.

Тема позволяет вам установить качество изображений JPG и оптимизировать большие изображения по определенной ширине.

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

Avada также предоставляет несколько инструментов для оптимизации файлов CSS и Javascript.

Заключение – Производительность

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

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

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

Плагины кэширования, такие как WP Rocket, и сети доставки контента, такие как KeyCDN, могут еще больше уменьшить размеры страниц.

Победитель: Ничья

Поддержка и документация

Когда дело доходит до предоставления отличной поддержки, Elegant Themes и Theme Fusion лидируют в мире WordPress.

Divi – поддержка и документация

В Центре поддержки Divi есть возможность предоставить сотрудникам Elegant Themes удаленный доступ к вашему веб-сайту. Это может помочь команде поддержки решить любые проблемы, которые у вас есть.

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

Значки справки также доступны в Divi Builder, чтобы объяснить, для чего предназначена каждая функция.

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

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

Если вам нужна дополнительная помощь, вы можете создать заявку в службу поддержки 24/7 и получить помощь.

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

Avada — поддержка и документация

У Avada есть специальная страница поддержки и часто задаваемых вопросов, которые перечислены в меню администратора Avada и Fusion Builder.

Поскольку Avada продается через ThemeForest, вам нужно будет создать учетную запись службы поддержки в Theme Fusion, чтобы открывать запросы в службу поддержки.

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

На этой странице также есть ссылки на страницу поддержки билетов Avada, форум сообщества и группу Facebook.

На этой странице также рассматриваются некоторые часто задаваемые вопросы.

Как только вы начнете изучать область документации Avada и Fusion Builder, вы начнете ценить ее обширность.

Здесь рассматриваются все аспекты темы Avada и Fusion Builder.

Заключение – поддержка и документация

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

Победитель: Ничья

Расходы

Стоимость — это фактор, который все владельцы веб-сайтов должны учитывать наряду с функциями и функциями.

Divi или Avada имеют конкурентоспособную цену, но какое решение предлагает большую ценность?

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

Членство в Elegant Themes дает вам доступ к Divi Theme и отдельному плагину Divi Builder для WordPress.

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

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

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

Пожизненное членство стоит 249 долларов США и включает пожизненную поддержку и обновления.

Оба плана членства позволяют неограниченное использование веб-сайта и имеют 30-дневную гарантию возврата денег.

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

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

Как и Divi Theme, Divi Builder встроен непосредственно в Extra.

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

Он поддерживает 19 различных сервисов электронного маркетинга и поставляется с сотнями готовых форм для рассылки новостей.

Плагин Monarch для социальных сетей WordPress также является фантастическим решением.

Он позволяет отображать кнопки обмена из более чем 20 социальных сетей в пяти разных местах. Каждая кнопка может быть оформлена и настроена в соответствии с вашими потребностями.

Стоимость – Авада

Avada продается на ThemeForest по цене 60 долларов.

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

Множество премиальных плагинов WordPress также включены в пакет Avada.

Avada была выпущена под обычной лицензией ThemeForest, которая классифицируется ThemeForest как одноразовый продукт.

Было много публичных разногласий между Envato (ThemeForest) и WordPress по поводу этой политики лицензирования, поскольку она противоречит общедоступной лицензии GNU, под которой выпущен WordPress, и гласит, что использование не должно ограничиваться.

Несмотря на это, разработчики Avada заявляют на своем сайте, что «для каждого сайта, который вы создаете, требуется одна покупка Avada».

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

Плагины WordPress премиум-класса, входящие в состав Avada, будут стоить вам более 100 долларов, если вы купите их все по отдельности.

Convert Plus ($ 24) — это плагин WordPress для электронного маркетинга, доступный в Avada, который позволяет отображать формы подписки по электронной почте 12 различными способами. Он содержит сотни готовых шаблонов форм для информационных бюллетеней и интегрируется со всеми основными службами электронного маркетинга.

Advanced Custom Fields — чрезвычайно популярный плагин WordPress для управления полями, который на WordPress.org скачали более миллиона раз. Профессиональная версия Advanced Custom Fields ($49+), включенная в Avada, представляет новые функции, такие как поле повторителя, блоки ACF, поле содержимого, поле клонирования и многое другое.

Два самых популярных плагина слайдера WordPress на рынке — это Layer Slider (25 долларов США) и Slider Revolution (29 долларов США), и оба включены в Avada.

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

Вывод – Стоимость

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

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

Членство в Elegant Themes дает неограниченное использование, поэтому, если вы планируете создавать много веб-сайтов, Divi — более дешевый вариант.

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

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

Победитель: Диви

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

Хотя мне нравится настройщик WordPress, Theme Fusion проделал фантастическую работу по интеграции параметров настройки темы непосредственно в Fusion Builder Live. Это работает очень хорошо и сокращает время, которое вы тратите на изменение своего сайта.

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

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

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

Divi и Avada — отличные решения, поэтому все сводится к тому, какая тема WordPress лучше всего подходит вам.

Вот краткий обзор сравнения Divi и Avada:

Какая ваша любимая тема WordPress?

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

Если вам понравилась эта статья, я призываю вас следить за нами в Twitter и Facebook. Вам также следует ознакомиться с нашим обширным ассортиментом бесплатных и премиальных тем WordPress.

Удачи.
Кевин