Обзоры

Divi Builder

Divi Builder – это инструменту для создания страниц WordPres по средствам перетаскивания. Во многом благодаря Диви Билдер Elegant Themes — один из ведущих магазинов тем WordPress, и его ведущая тема Divi пользуется огромным успехом.

Однако, на самом деле можно получить доступ к тому же инструменту для создания страниц, не переключаясь на тему Divi. Такую возможность и предоставляет Divi Page Builder вы теперь можете добавить этот мощный редактор визуального контента на любой сайт будь-то шаблон для Landing page WordPress или тема интернет-магазина для ВордПресс, независимо от того, какую тему вы используете.

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

Divi Builder Особенности

Divi Builder теперь доступен как отдельный плагин, и будет работать с любой темой WordPress — не только от Elegant Themes.

Divi Builder

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

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

Drag-And-Drop Редактор Divi Builder

Divi Builder, возможно, начинал как инструмент для создания внутренних страниц, но теперь это настоящий визуальный редактор внешнего интерфейса. Благодаря этому обновлению, вместо того, чтобы работать в бэк-энде или в области WordPress Dashboard вашего сайта, вы фактически редактируете внешний вид вашего сайта с помощью WYSIWYG (что вы видите, то и получаете) интерфейса.

Divi Builder

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

Divi Builder

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

Divi Builder

Divi Builder: работа в бэкэнд и режим каркаса страницы

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

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

 

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

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

 

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

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

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

Растущая библиотека готовых сайтов (Divi Builder Templates) и Divi Layout Packs (макеты страниц)

Divi Builder

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

Divi Builder

Но не волнуйтесь, если дизайн не является вашей сильной стороной — этот плагин также поставляется с большим выбором высококачественных готовых divi templates и Pack Layouts, которые можно использовать как есть, или в качестве основы для ваших собственных пользовательских проектов.

Divi Builder

 

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

  • агентств
  • фрилансеров
  • интернет-магазинов
  • ресторанов
  • строительных компаний и многих других

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

Кроме этого, дополнительные темы для divi builder доступны на специализированном сайте divi-den.com там наряду с платными шаблонами для диви билдера доступны для скачивания divi free layout.

Комбинирование различных макетов в Divi Builder

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

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

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

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

Divi Builder

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

Divi Builder

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

Divi Builder

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

Divi Builder

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

Инструмент A / B Тестирования Divi Builder

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

Divi Theme WordPress

К счастью, плагин Divi Builder содержит очень полезную функцию, которая позволяет вам тестировать свои проекты, чтобы увидеть, насколько они эффективны для вашей аудитории. Используя инструмент тестирования и конверсии Divi Leads A / B, вы можете опробовать различные варианты контента и дизайна, чтобы увидеть, какой из них дает наилучший коэффициент конверсии.

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

Divi Builder

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

Divi Builder

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

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

Role Editor в Divi Builder

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

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

Divi Builder

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

Divi Builder

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

Divi Builder: способ отказаться от DIVI THEME

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

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

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

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

Divi Builder: пользовательский опыт

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

Divi Builder

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

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

Divi Builder

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

Divi Builder

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

Divi Builder

Создание полноэкранных страниц с Divi Builder

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

Divi Builder

Но если ваша тема этого не делает, как в случае с последней темой WordPress Twenty Eighteen по умолчанию, вы можете установить бесплатный плагин, такой как Fullwidth Templates, чтобы добавить их на свой сайт.

Создание строки столбцов в Divi Builder

Divi Builder

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

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

Divi Builder

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

Divi Builder:  удобный поиск модулей и взаимодействие с ними

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

Divi Builder

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

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

Divi Builder

Всплывающие подсказки Divi Builder

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

Divi Builder

 

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

Особенности Divi Builder

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

Контент полной ширины

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

Divi Builder

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

  • Изображения
  • Видео
  • Текст
  • Заголовки
  • меню и многое другое.

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

Огромное количество настроек и опций

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

Divi Builder

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

Простое дублирование элементов

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

Работает ли Divi Builder с другой темой WordPress?

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

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

Divi Builder

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

Divi Builder

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

Для кого нужен плагин Divi Builder?

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

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

Инструмент для веб-дизайнеров Divi Builder

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

Divi Builder плагин против Divi WordPress Theme

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

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

Варианты ценообразования Divi Builder

Чтобы получить доступ к плагину Divi Builder, необходимо вступить в клуб Elegant Themes. Это неплохо, так как есть множество преимуществ, а цены начинаются от 89 долларов в год. Помимо плагина Divi Builder, вы также получаете доступ к пяти другим плагинам, в том числе мощному инструменту для создания бланков для электронной почты и полнофункциональному плагину для обмена социальными сетями Monarch.

Divi Builder

Не только это, но и ваши 89 долларов включают в себя доступ ко всем 87 темам, включая Divi, а также к любым другим, выпущенным Elegant Themes во время вашего членства. Если честно, интересны только темы Divi и Extra, так как другие варианты устарели.

Divi Builder

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

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

Вы можете просмотреть полную информацию о тарифных планах Elegant Themes здесь.

Заключение

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

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

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

Мы будем рады и вашему мнению

Оставить отзыв

Veraksoff.info
Регистрация
Сбросить пароль
Сравнить товары
  • Всего (0)
Сравнить