Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

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

И так что нам нравится Divi. Она решает все проблемы!

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Описание | Просмотр | Купить за $80| Потестировать веб-хостинг

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

Вы получите один из наилучших строителей страниц, превосходное использование WordPress Customizer и удобные функции по тестированию. Добавьте к данному ещё и набор разметок Divi, и жизнь станет лучше.

Смотрите также:

  • Меньше недели до выхода обновленной темы Divi 3.0 от ElegantThemes
  • Divi 2.4 — обновление мега-популярной темы WordPress от ElegantThemes
  • Avada — самая продаваемая многоцелевая тема WordPress в мире
  • X Theme — единственная премиум тема WordPress, которую вам следует купить
  • Flatsome — самая продаваемая WordPress тема для интернет магазина на WooCommerce

В нашей статье мы познакомим вас с особенностями работы Divi 3.0.

Преимущества темы Divi 3.0

  • Действительно многоцелевая тема – Divi может работать практически в любой сфере
  • Строитель страниц с функцией Drag and Drop – Divi Builder может вам создавать красивые страницы без проблем с фронтенд и бэкенд редакторами
  • Простая параметр фронтенда – Divi использует WordPress Customizer, поэтому вы можете видеть изменения в режиме реального времени
  • Набор разметок Divi – Набор разметок может вам импортировать в Divi полнофункциональный дизайн
  • Простое A/B-тестирование – Divi Leads значительно упрощает A/B-тестирование WordPress
  • Divi Library – Библиотека Divi Library экономит время, позволяя сохранять часто используемый дизайн

Как выглядит тема Divi?

Divi невероятно универсальна, у темы нет единственного внешнего вида. К примеру, если вы зайдёте на официальную просмотр версию Divi, то увидите вот это:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Но она может выглядеть и так:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Или так:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Или даже так:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

Создайте красивые страницы WordPress с Divi Builder

Одним из наиболее мощных инструментов Divi Theme будет Divi Builder. Divi Builder помогает любому создавать красивые страницы. Всё, что вам необходимо – это перетащить пару элементов из доступных 46, и вы будете создавать страницы в кратчайшие сроки.

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

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

Вы можете без труда посмотреть Divi Builder Demo.

Необходимо только не забывать, что Divi Builder основан на grid разметке. Это довольно распространено среди строителей страниц, но вы не сможете перетаскивать элементы, куда захотите, как в Headway Theme Builder. Вы будете ограничены установленной вами сеткой.

Знакомство с Divi Builder

После установки Divi вы увидите опцию установить разметку страницы и Divi Builder каждый раз при создании новой страницы или записи:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Как только вы нажмёте, вы можете выбрать, работать в визуальном фронтенд редакторе или в бэкенд редакторе.

В чём разница?

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

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

Вот так выглядит бэкенд редактор:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

А вот так новый фронтенд редактор:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Элементы Divi Builder

Divi Builder включает 46 модулей контента или элементов. Это внушительно.

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

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Использование Divi Builder

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

Всё, что вам необходимо сделать, это нажать кнопку « + », которая откроет окно « Add Row »:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Нажмите на желаемую конфигурацию. В интерфейсе появится новая строка. Мы выбрали ряд с 2 столбцами:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

После этого вам необходимо вставить « Module ». Именно в модулях будет выводиться весь содержимое. Вы можете использовать их для картинок, таблиц, кнопок и многого иного.

После добавления модуля, Divi предложит ввести информацию для этого модуля. Например, если вы добавили таблицу цен, то Divi попросит ввести разные цены:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Вы можете также изменить цвета и шрифты.

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

Интерфейс Divi – простая и интуитивная параметр веб-сайта

Мы с вами рассмотрели Divi Builder, а теперь давайте поговорим о самой теме.

После того, как вы установите тему Divi, вы увидите новую вкладку « Divi » в боковой панели. Это будет входом в параметра темы.

Настройки Divi – параметр основы веб-сайта

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

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

Customizer темы Divi – увидьте разницу в режиме реального времени

Вы можете без проблем войти в Customizer темы Divi, просто нажав «Theme Customizer» в консоли.

Если вы знакомы с WordPress Customizer, то вы знаете как управлять данным интерфейсом:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

К примеру, вы не хотели бы показывать логотип. Что вам следует сделать? Убрать в коде строки об выведении логотипа? Нет! Необходимо всего лишь зайти в « Primary Menu Bar » и поставить галочку в поле ввода « Hide Logo Image »:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Или предположим, что вы хотели бы настроить разметку веб-сайта. Просто зайдите в « Layout Settings » и проверьте доступные параметра:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

Но так как Divi использует WordPress Customizer, то вы можете без проблем просто вносить нужные изменения, а потом нажать « Save ».

Divi Module Customizer – простая параметр модулей для Divi Builder

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

Вы можете зайти в параметра, нажав « Module Customizer » в консоли.

К примеру, если вы хотели бы отредактировать внешний вид таблицы цен, то нажимайте на « Pricing Table »:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

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

Divi Leads – A/B-тестирование контента для оптимизации работы

Divi Leads – это невероятно мощный инструмент для оптимизации контента методом A/B тестирования. Если вы занимаетесь коммерческой деятельностью, то этот инструмент увеличит доход. Мы не утрируем – A/B тестирование невероятно важная вещь для оптимизации веб-сайта.

При A/B тестировании сравниваются две различные версии страницы. Например, вы можете без проблем настроить текст на кнопке, но всё остальное оставить без изменений. И тогда 50% пользователей будет показываться одна кнопка, а иным 50% – другая. В ходе этого эксперимента можно выяснить, на какую версию кнопки нажмёт больше людей.

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

Divi Leads делает A/B тестирование простым даже для новичков. При создании страницы с Divi Builder, просто кликните правой кнопкой мыши в Divi Builder и выберите « Split Test »:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Потом нажмите на модуль, который планируете протестировать:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

После выбора модуля Divi Leads автоматически создаст новый тестовый вариант:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Если вы хотели бы протестировать более двух вариантов, то можете добавить ещё:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Это один из простейших методов провести A/B тестирование в WordPress. Обычно, вам придётся попробовать интегрировать сторонний инструмент или плагин. Но в Divi всё встроено. Если вы занимаетесь маркетингом, то вы обязательно полюбите эту возможность.

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

А когда у страницы появится трафик, то Divi будет собирать для вас всю статистику:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Divi Library – хранение элементов дизайна для повторного использования

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

К примеру, вы можете сохранить единственную строку с дизайна страницы:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Потом, если вы захотите её воссоздать, то необходимо будет просто импортировать её из библиотеки:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Поверьте, эта функцию сохранит вам кучу времени. У вас обязательно будут обычные элементы, как футер, которые вы будете использовать снова и снова. С Divi Library вам не необходимо будет тратить время на повторное выполнение той же работы – просто сохраните всё в библиотеке и используйте по необходимости.

Undo\Redo – никогда не беспокойтесь об ошибках

Ошибки случаются. Это просто факт. Но в Microsoft Word есть вещь, которая учит нас, что нет такой ошибки, которую нельзя исправить кнопкой «Ctrl+Z».

Elegant Themes тоже понимают это и так что добавили кнопки Undo\Redo в Divi.

Если вы когда-либо совершите ошибку при работе с Divi Builder, то вы можете просто нажать кнопки Undo\Redo. А если вы захотите вернуться на пару шагов назад, Divi хранит историю изменений страницы:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Эта функцию делает редактирование Divi беспроблемным. Если вы испортили что-то, то не паникуйте, просто отмените действие!

Готовые разметки – экономия времени при создании собственного дизайна

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

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Всё, что необходимо сделать – это заполнить страницу текстом и картинками:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

А если вам не понравятся разметки Divi, то вы можете воспользоваться сторонними разметками:

Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Техническая поддержка и документация Divi

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

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

Цена темы Divi

Тема Divi не продаётся отдельно. Она будет частью набора Elegant Themes. Плохо ли это? Нам кажется, что нет. По сравнению с плагинами Monarch и Bloom, у Elegant Themes есть ещё много чего предложить, помимо только Divi.

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


Divi 3.0 — обзор новой версии лучшей премиум темы WordPress от Elegant Themes

Мы рекомендуем брать набор Developer. Всего на $20 в год больше, но зато вы получите доступ ко всем плагинам Elegant Themes. Данные плагины стоят данных дополнительных $20 в год.

Developer пакет на данный момент доступен со скидкой 10% и следует всего $80!

А если вы колеблетесь в выборе, но знаете, что будете использовать Divi долгий период времени, то возможно экономнее будет получить набор за $249.

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

Итоги

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

Divi Builder и Divi Leads являются невероятно полезными инструментами. Divi Builder стал одним из лучших строителей страниц. Он встроен в тему в виде бонуса.

Divi Leads же в полном объеме устраняет необходимость в сторонних услугах по A/B тестированию, что сэкономит вам кучу времени. Так как он интегрирован с строителем страниц, то это, наверное, один из самых лёгких методов A/B тестирования на WordPress.

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

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

Disclosure: Some of the links in this post are «affiliate links.» This means if you click on the link and purchase the item, I will receive an affiliate commission.

Источник: elegantthemes.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *