Обзор Divi – лучшей премиальной темы WordPress

Всякий раз, когда приходится выбирать тему для нового проекта, тема Divi от студии Elegant themes приходит в голову раньше всех! Почему? Всё просто. Это отличная тема, на которой можно сделать всё! Она очень удобна для разработчика и имеет много инструментов, чтобы ускорить выполнение рутинных задач и получить отличный результат.

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

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

Краткий обзор Divi Theme студии Elegantthemes

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

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

Для начинающих

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

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

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

Интуитивно понятный интерфейс

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

Гибкие настройки

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

Минимум технических знаний

Divi практически не требует знаний HTML, CSS или JavaScript. Даже если вы никогда не создавали сайт, с Divi это станет возможным. Создание сайта с Divi занимает буквально считаные часы. Это возможно благодаря функционалу, который идеально подходит для быстрого старта. В библиотеке темы сотни готовых блоков в разной стилистике и даже целые страницы. Один клик и они загружаются в проект. Останется только поменять тексты и, при необходимости, изображения. Заголовки, галереи, формы, кнопки, разделители и многое другое. Каждый блок можно настроить, изменив его стиль, цветовую палитру и размеры.

Пример создания главной страницы

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

1. Создаём новую страницу и выбираем Divi в качестве редактора

2. Для выбора готового дизайна кликаем по кнопке “Browse Layouts” (средний вариант)

3. Как вы видите, выбор дизайна удобно устроен. Есть фильтр слева и окно с превью справа. Для наших нужд разработчик добавил (на текущий момент) 182 пака с дизайнами. Суммарно 1300 дизайнов страниц.

4. Каждый пак – это набор из нескольких страниц. Мы выбрали набор с названием Divi Online Book Club, в котором есть 7 страниц. Каждую из них можно предварительно посмотреть и использовать макет, нажав синюю кнопку. Это загрузит все демо-данные на нашу страницу.

5. Страница поменяла свой вид. Мы видим готовый макет на нашем сайте. Главное изменение в том, что теперь Divi bilder используется в качестве редактора. Мы видим его элементы управления. Зайдём в настройки страницы и дадим ей название. После этого сохраняемся и выходим в админку.

6. В списке страниц напротив новой странице появилось указание на то, что она создана при помощи Divi builder.

7. Финальный шаг. Назначаем нашу страницу в качестве главной для сайта. Это делается обычным способом.

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

Для опытных вебмастеров

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

Установка Divi theme & Divi builder

Здесь никаких сюрпризов! Устанавливается тема стандартно. В комплекте с ней автоматически устанавливается и Divi builder. Вообще, надо сказать, команда elegantthemes явно заботилась об удобстве пользователя. Никаких лишних действий! Всё как мы любим 🙂

После установки

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