Сегодня существует огромное количество вордпрессовских тем. Их количество превышает десятки тысяч, но многие из них так и не подходят веб-мастерам по разным причинам. Что ж, если вы один из тех, кто уже перебрал сотни вариантов и не смог найти для себя подходящей темы, стоит обратить внимание на Divi 3.0, многоцелевую тему с хорошим функционалом. Основное преимущество данной темы именно в том, что она позволяет спроектировать и настроить фактически любой аспект сайта, а также загрузить отдельные страницы и записи. Таким образом, сегодня данное решение является одним из лучших строителей страниц.
Преимущества
- Возможность работы в любой сфере;
- Drag-and-drop интерфейс в Divi Builder-е с фронтэнд и бэкэнд-редакторами;
- Набор разметок, позволяющий импортировать в Divi полнофункциональный дизайн;
- Простая настройка фронтэнда, использующая WordPress Customizer и позволяющая видеть изменения в режиме реального времени;
- Библиотека с возможностью сохранять часто-используемый дизайн;
- Упрощенное A/B-тестирование.
Внешний вид
Но, пожалуй, самой интересной особенностью является то, что в Divi нет конкретного внешнего вида, который наделял бы тему фирменными особенностями или стал бы «визиткой». Приложив буквально малую часть усилий, сайт можно превратить во что угодно.
Чтобы создать страницу, достаточно перетащить всего несколько элементов из доступных 46, причем делается это в кратчайшие сроки. Все благодаря новому визуальному редактору, который позволит настроить страницу в точности для читателей. Что немаловажно: делается все это без необходимости знания кода.
Чтобы начать работать с решением, следует воспользоваться опцией «установить разметку», которая появляется каждый раз при создании новой записи или страницы. Данную опцию сложно не заметить, после установки она появляется сразу же в окне создания новых страниц/записей. И здесь можно работать в визуальном редакторе или же в бэкенде. В первом случае вы можете наблюдать за тем, как будет выглядеть конечный результат, во втором нужно будет перетаскивать абстрактные блоки, представляющие элементы дизайна. Оба варианта одинаково полезны, но применяются в разных случаях. Так, в бэкэнде можно настраивать базовую разметку страниц, а в фронтэнде можно создавать визуальные аспекты.
Как уже упоминалось, здесь предлагается 46 различных модулей элементов и контента. Это тексты, кнопки, изображения, таблицы цен, портфолио и т.д.
Работа с Divi Builder
Создавать свой дизайн с данной темой достаточно просто. Когда создается новая страница, нужно просто начать добавлять колонки или ряды. Если рассказать на примере визуального редактора, работа будет заключаться примерно в следующем:
Сначала нажимаем «+», откроется окно «Add Row». Следует нажать на желаемую конфигурацию, после чего в интерфейсе появится соответствующая новая строка. Весь контент будет отображаться в модулях, их можно использовать для таблиц, кнопок, изображений и т.д. Добавив модуль, плагин предложит ввести соответствующую информацию, к примеру, цены для таблиц или картинки для изображений. После сохранения всех изменений, можно будет увидеть, как в конечном итоге будет выглядеть модуль.
Для стандартного редактора процесс окажется примерно таким же.
Настройка основных параметров
Меню в новой версии темы существенно отличается от такового в предыдущих версиях. Теперь даже параметры темы выглядят красивее. К слову, с помощью них можно настроить основные детали сайта. Тут не нужно будет настраивать визуальные эффекты, многие настройки сохранятся в вордпрессовском кастомайзере с возможностью предварительного просмотра в режиме реального времени. Чтобы зайти в кастомайзер, достаточно просто войти в консоль и нажать «Theme Customizer».
Из кастомайзера можно настроить любой аспект сайта, не используя код. Примечательно: элементы и модули, которые мы упоминали ранее, можно также настраивать с помощью кастомайзера! Пожалуй, сейчас это единственный строитель страниц с данной функцией. Но есть и немало других полезных функций и особенностей, о них мы продолжим в уроке 97.2.
Спасибо за статью! Попробую этот дизайн обязательно.