Взгляд на элегантные темы Divi 2.4

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

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

Что нового в версии 2.4

Divi 2.4 — основа будущей линейки продуктов ET. Он имеет более 1000 модулей дизайна и настроек, а также добавляет несколько интересных функций:

• Глобальные настройки — проще вносить изменения в масштабе всего сайта.
• Гибкая сетка — макет страницы не имеет фиксированной ширины. С плавающей сеткой вы можете создать свою собственную ширину.
• Расширенные настройки конструктора — каждый модуль имеет расширенные настройки CSS из простого пользовательского интерфейса.
• Библиотека Divi — расширенные макеты.

Параметры темы

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

• Страница магазина WooCommerce
• Ключ MailChimp
• Авторизация вебера
• Иконки социальных сетей
• URL социальных сетей
• Гугл шрифты
• Плавная прокрутка — позволяет следующей строке и ее содержимому исчезать при прокрутке.
• Отзывчивые шорткоды
• Кнопка «Вернуться к началу»
• Пользовательские CSS
• И больше

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

Настройщик тем

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

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

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

Настройщик модулей

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

Библиотека Диви

Библиотека Divi содержит созданные вами макеты. Вы можете редактировать любой из ваших макетов и создавать новые макеты из этого меню.

Строитель Диви

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

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

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

Разделы

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

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

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

Ряды

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

Столбцы

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

Специальные разделы

Есть также 9 специальных макетов столбцов. К ним относятся различные варианты боковых панелей.

Загрузить из библиотеки

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

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

Модули

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

Всего 40 модулей:

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

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

Текст

Текст предоставляет вам базовый редактор и выбор цвета и ориентации текста, расширенные настройки дизайна (ползунки для ширины, высоты, цвета, полей и т. д.) и пользовательский CSS. Большинство модулей включают эти или подобные функции.

реклама

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

карта

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

Блог

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

Заголовок поста

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

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

Использование Divi в качестве обычной темы

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

Языковая поддержка

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

Получение Диви

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

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

Дальше по дороге

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

Плагин Divi Builder

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

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

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

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

Узнайте больше о Divi и загрузите здесь

А ты? Вы пробовали Диви? Был ли ваш опыт похож на мой? У вас есть что добавить? Расскажите нам об этом в комментариях ниже.