Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Divi Theme Review – лучшая многоцелевая тема 2020 года?

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

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

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

установка

После установки темы Divi («Внешний вид»> «Темы»> «Добавить новый»> «Загрузить») на панель инструментов WordPress добавляется ряд пунктов меню. Они могут быть найдены в меню «Внешний вид» и позволяют настроить тему.

Панель управления опциями темы Divi

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

Divi Review Новая панель управления

В дополнение к улучшенному пользовательскому интерфейсу панель инструментов Divi's Theme Options теперь стала намного более мощной. С помощью настроек и параметров вы можете быстро загрузить логотип для своего веб-сайта, выбрать новую цветовую палитру, настроить интеграцию с социальными сетями, решить, сколько сообщений отображать на одной странице и многое другое.

Divi Review Новая панель управления навигацией

Другие настройки панели управления позволяют легко контролировать навигацию по сайту, глобальные настройки постов и макетов страниц, управление рекламой и настройки поисковой оптимизации (SEO), если вы не используете выделенный плагин SEO.

Divi Appearance

Divi 01

Поскольку Elegant Themes работает уже несколько лет, а коллекция теперь содержит 87 тем (и 3 плагина), не так уж несправедливо сказать, что многие темы выглядят довольно устаревшими как с точки зрения внешнего вида, так и с точки зрения функциональности. , В пакете действительно только несколько тем, которые понравятся большинству пользователей. Итак, на первый взгляд 87 тем WordPress за 89 долларов Звучит как непобедимая сделка, это не вся история. Хотя плагины являются очень полезными и обновленными инструментами для улучшения сайтов WordPress.

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

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

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

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

Divi электронной коммерции

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

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

Divi Drag and Drop конструктор страниц

Новый интерфейсный интерфейс пользователя

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

Старый интерфейс конструктора страниц Divi

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

Divi 3 Новый пользовательский интерфейс конструктора интерфейсных страниц

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

Как запустить конструктор Divi

Для начала просто нажмите кнопку «Использовать Divi Builder» в записи WordPress или на экране редактора страниц. По умолчанию он запускается в старом редакторе фона генератора с возможностью запуска нового визуального генератора.

Просмотр макета страницы через фоновый интерфейс

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

Как запустить фронтальный редактор из финального редактора

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

Пользовательский интерфейс Divi 3 Примеры иконок

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

Всплывающая панель Построитель страниц

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

Пример подсказок по пользовательскому интерфейсу Divi Builder

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

Редактирование указателем и щелчком

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

Панель настройки страницы

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

Модули Divi Page Builder

Контентные модули Divi Builder

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

Пример модуля Divi 3

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

Шаблоны Divi Builder и макеты страниц

Пример дизайна Divi Builder

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

Как загрузить дизайн Divi

Более 20 дизайнов, включенных в конструктор, охватывают широкий спектр задач: от страниц и разделов портфолио до целевых страниц креативного агентства и шаблонов тематических исследований. Часто команда Elegant Themes делится новыми дизайнами, и другие могут быть загружены через их веб-сайт. Проекты Divi также передаются сторонним источникам, что дает вам отличную отправную точку для ваших собственных проектов. Вы можете легко комбинировать различные разделы различных конструкций, чтобы быстро создавать свои собственные.

Как сохранить свой дизайн Divi

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

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

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

Divi 3: дополнительные пакеты для веб-сайтов и улучшения пользовательского интерфейса Visual Builder

В выпусках Divi 3.1 и 3.2 появилось больше новых функций и улучшений, внесенных в эту и без того восхитительную тему WordPress.

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

«Visual Builder Arrow Keys» - поддержка

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

Поддержка жестов мыши Divi Builder

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

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

Поддержка проверки правописания на основе браузера Divi

Еще одна хорошая новость для пользователей Divi Visual Builder – новая возможность для сторонних разработчиков создавать собственные модули для редактора. Хотя Divi включает в себя большое количество модулей, мы надеемся, что их будет больше, поскольку разработчики из команды Elegant Themes теперь могут создавать свои собственные новые модули. Это также означает, что если у вас есть навыки, вы можете создавать свои собственные модули, которых до сих пор не хватало Divi. Elegant Themes выпустила новый комплект документации для разработчиков, призванный помочь пользователям начать создавать модули для Divi Visual Builder.

Кроме того, если вы ищете тему WordPress с хорошей совместимостью с Общими правилами защиты данных (GDPR), Divi теперь имеет новые функции, которые помогут обеспечить соответствие вашего сайта последним правилам конфиденциальности и защиты данных.

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

Предварительный просмотр дизайна сайта Divi

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

Divi 2.7: инструменты раздельного тестирования, улучшенная переносимость и больше параметров страницы

Divi 2.7 Обновление Divi Leads

Хотя Divi был впервые выпущен в конце 2013 года, с тех пор он постоянно обновлялся и совершенствовался и остается флагманской темой WordPress для Elegant Themes. Хотя Elegant Themes выпустила новые темы и плагины с момента появления Divi, этой теме по-прежнему уделяется много внимания в виде новых функций и настроек.

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

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

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

Использование Divi Leads для разделения, тестирования ваших проектов

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

Divi 2.7 Обновление правой кнопкой мыши

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

Мод обновления модуля Divi 2.7

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

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

Кто должен использовать кабели Divi?

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

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

Улучшенная мобильность

Divi 2.7 обновляет библиотечные пакеты

Еще одна отличительная черта Divi 2.7 – улучшенная переносимость настроек сайта. Этот аспект Divi теперь позволяет передавать более конкретные наборы параметров и настроек между различными веб-сайтами WordPress, которые используют Divi. Параметры, которые теперь можно экспортировать и импортировать, включают в себя пакеты Divi Library, настройки Theme Customizer, параметры темы и пользовательские функции Divi.

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

Чтобы дать вам лучшее представление о том, насколько портативна новая версия Divi, разработчики тем предоставили для бесплатного скачивания три новых великолепных пакета библиотеки Divi.

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

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

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

Divi 2.5: предварительный просмотр, история и более эффективный рабочий процесс

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

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

Упрощенный процесс создания страницы

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

Щелкните правой кнопкой мыши контекстное меню

Divi 2.5 Обновление правой кнопкой мыши

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

Отменить и повторить с помощью сочетаний клавиш и подробной истории

Divi 2.5 история обновлений

Divi 2.5 теперь имеет мощную функцию отмены и повтора, которая позволяет легко и быстро отслеживать ваши изменения. Поддержка этих распространенных сочетаний клавиш, таких как Ctrl + Z или Command + Z. для пользователей Mac, теперь включена в Divi. В дополнение к простому просмотру ваших изменений, теперь вы можете открыть панель истории и перейти непосредственно к определенному моменту времени.

Divi Role Editor

Divi 2.5 Обновление редактора ролей

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

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

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

Предварительный просмотр

Divi 2.5 Update Live Preview

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

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

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

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

Divi 2.4: еще больше возможностей и функциональности

Чтобы продемонстрировать, что Divi является долгосрочным приоритетом для команды Elegant Themes, ее флагманский продукт недавно был обновлен выпуском Divi версии 2.4. В то время как прошлогоднее обновление до версии 2.0 внесло несколько впечатляющих дополнений в тему, версия 2.4 идет дальше и считается самым большим обновлением в истории Divi.

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

Divi Builder теперь работает со всеми типами постов

Divi 2.4 Публикации

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

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

Полностью настроить модули Divi Builder

Divi 2.4 Элементы управления настройкой

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

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

Больше контроля над макетами вашей страницы

Divi 2.4 Rows

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

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

Лучший контроль над типографикой

Divi 2.4 Controls

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

Улучшенные макеты и макет области навигации заголовка

Divi 2.4 Опции Заголовка

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

Благодаря новым элементам настройки вы можете легко изменить размер и положение вашего логотипа и области заголовка. También encontrará opciones más flexibles para hacer uso de un área de encabezado fijo, así como la capacidad de habilitar el desplazamiento oculto para un mayor impacto en sus visitantes.

Incluso puede establecer el nivel de transparencia del área de navegación del encabezado. Esto le permite realmente dejar que sus imágenes de fondo y videos tomen el centro del escenario.

Содержание полной ширины

Divi 2.4 Contenido de ancho completo

Si bien los otros detalles de la actualización cubiertos hasta ahora son impresionantes, las filas de ancho completo son quizás las que más despertaron mi interés al leer el anuncio Divi 2.4.

Al usar esta nueva característica de Divi, ahora puede insertar contenido de ancho completo en sus publicaciones y páginas. A través de la nueva configuración de fila del generador, puede insertar una fila de ancho completo en las publicaciones de su blog y luego completarla con contenido personalizado. Esto le permite insertar imágenes grandes de ancho completo en sus publicaciones, mientras mantiene un ancho fijo para su área de texto.

Sin embargo, esto no se limita solo a las imágenes, y cualquiera de los módulos que se ofrecen y se insertan en una fila de ancho completo. Esto le permite crear algunos diseños de publicaciones impresionantes que simplemente no son posibles con la mayoría de otros temas de WordPress actualmente en el mercado.

Crear contenido reutilizable con la Biblioteca Divi

Biblioteca Divi 2.4

Una característica particularmente útil agregada con la versión 2.4 es la Biblioteca Divi. Esta función de ahorro de tiempo le permite guardar y reutilizar fácilmente sus módulos, secciones y filas personalizadas, así como sus diseños completos.

Los artefactos de la biblioteca guardada se pueden insertar en sus diseños, directamente desde el generador. Si desea utilizar la misma configuración de fila y contenido en varias páginas de su sitio, esta es una característica realmente útil.

Sin embargo, si está creando sitios web para múltiples clientes y desea crear un repositorio de elementos preconstruidos, que coincidan con la estética del diseño de su marca registrada, entonces la biblioteca le brinda una manera eficiente de almacenar y usar estos elementos cuando los necesite.

Puede comenzar su biblioteca con el pie derecho descargando este paquete gratuito del blog Elegant Themes.

Cuatro nuevos sitios web de demostración para elegir

El diseñador principal de Elegant Themes ha creado cuatro sitios web de demostración impresionantes que puede utilizar como inspiración para su sitio de WordPress.

Estos cuatro sitios de demostración se han creado utilizando las funciones y configuraciones principales de Divi, sin personalizaciones de código. Estas plantillas hacen uso de las funciones más nuevas de Divi, incluidos diseños de fluidos de ancho completo, los módulos de contenido nuevos y actualizados, y las configuraciones y controles mejorados, para mostrarle realmente lo que es posible con este tema.

Posibilidades ilimitadas con manejo mejorado de CSS personalizado

Divi 2.4 CSS personalizado

Si bien Divi hace que sea aún más fácil construir un sitio web único de WordPress que nunca antes, para aquellos que requieren aún más control, la actualización ve la llegada de una nueva pestaña CSS personalizada. Esta característica se ha agregado a todos los módulos, secciones y filas del generador.

Si ve algo que desea personalizar, pero no puede encontrar el control correspondiente, ahora puede agregar fácilmente su propio CSS personalizado para darle ese aspecto personalizado. Ahora no hay necesidad de crear un nuevo tema secundario: simplemente use los campos de entrada CSS para el elemento HTML correspondiente.

En general, la actualización Divi 2.4 agrega muchas más funciones, configuraciones y controles útiles al tema. Esto no solo le ayuda a crear sitios web de WordPress mejores y más personalizados con menos tiempo y esfuerzo, sino que también reduce su dependencia de los complementos de terceros.

Divi 2.0 – La actualización

Divi 2 WordPress Theme

Después de su lanzamiento el año pasado, Divi se convirtió rápidamente en el tema más popular de Elegant Themes, que cuando considera la cantidad de temas que ofrecen, no es una hazaña. Al día siguiente después del lanzamiento de la versión 1.0, el equipo comenzó a trabajar en la próxima versión y un año después ya está listo para ser lanzado al público en general.

Divi 2 nuevas estructuras de columna

Como parte de las mejoras que se han realizado al tema para la versión 2.0, el tema Divi ahora incluye 3 tipos de sección únicos, 20 estructuras de columnas y 33 módulos robustos. El te da aún más opciones para Agregar diseños basados ​​en columnas a sus publicaciones y páginas, al mismo tiempo que tiene acceso a más módulos o elementos de página que se pueden insertar en esos diseños.

Nuevo generador de páginas para Divi 2

Otras mejoras y mejoras incluyen un Constructor de páginas de arrastrar y soltar mejorado eso hace que la versión original sea aún más fácil de usar y más potente. La sección de encabezado del tema también se ha actualizado para ofrecerle más opciones de personalización, mientras que las opciones de navegación también se han actualizado para incluir un área de navegación vertical opcional.

Divi 2 Navegación vertical

With Divi 2.0, it is now possible to use a boxed layout instead of a full width page layout which gives you more control over how your site looks on larger screens. The updated theme also includes a blank page template which removes the header and the footer areas and is ideal for creating standalone landing pages, There even are a few new eCommerce store layouts for selling goods online with the free WooCommerce plugin.

If you thought the original version of Divi couldn’t be beaten, in terms of flexibility, features, and easy to implement customization options, then this new version will be a revelation. For those who missed the original Divi the first time around, now is the perfect time to join Elegant Themes and start making use of this powerhouse of a theme.

Поддержка и документация

Purchasing this theme also gives you access to the 86 other themes by Elegant Themes. These themes are all supported via a private members’ only forum, with sub-forums for each of the themes, plus a few additional ones. Support tickets are in fact new posts on the theme-specific form. This means anyone can answer your query, but in practice it’s usually one of the hired moderators who will take care of your issue.

The Elegant Themes support service is often maligned but it seems that bad experiences are rare and most issues appear to be resolved swiftly via the forums. When it comes to setting up the theme, the online documentation for Divi covers all the necessary steps to get your site up and running and looking like the demo version, or allowing you to create your own layout.

The interface for the page builder is well designed and getting started right out of the box shouldn’t pose a problem to anyone familiar with WordPress or even those new to the platform.

цены

As mentioned earlier, Divi is part of the Elegant Themes package which is available on two pricing plans:

  • Yearly access to all Elegant Themes plugins and themes: $89
  • Lifetime access to all Elegant Themes plugins and themes: $249

Both options include access to all of the themes and plugins from Elegant Themes, including Divi, the impressive Monarch social sharing plugin, and the powerful Bloom email list building tool. You also get access to any new products that are added while your subscription is active.

While the price of the Lifetime plan is a one-time fee, the Yearly option must be renewed each you in order to maintain access to support, theme and plugin updates, and access to new products. If you choose not to renew your plan, you can continue to use the products unsupported.

It’s also worth mentioning again that new website layout packs and templates for Divi are published regularly on the Elegant Themes blog, giving you even more options for creating WordPress websites with this theme.

Divi Theme Review Conclusion

Both in terms of appearance and the features of the page builder, Divi is a really great WordPress theme, It’s easily worth $89, let alone all the other themes and plugins that are included for that price from Elegant Themes. The fact that the Divi Builder plugin is now available should be of interest to anyone who would like to use the powerful page builder tool from this theme on other WordPress templates.

While the design of Divi looks very modern and clean, the page builder and the library of prebuilt layouts make it very easy to setup and build very attractive layouts for all manner of occasions in almost no time at all. Even though Divi is marketed as a page builder, it’s still worth pointing out that this isn’t a theme builder, You don’t get that granular control that you do with a theme builder tool like Beaver Builder and its Themer add-on. So if you are looking for a way to easily edit margins, set line heights, and have pixel-point control over columns and sidebar positions then Divi isn’t for you.

The regular updates to Divi have added lots of genuinely useful features to this theme. From the ability to create custom layouts for posts as well as pages, through to the additional page templates that are now available, there more reasons to choose Divi with each new release.  The addition of a live preview feature will speed up your page creation workflow considerably.

If you want a very easy to use page builder that contains lots of really useful and well-designed modules for adding a range of elements to your pages, that in some cases would otherwise require the purchase of a premium plugin to gain access to, Divi is an excellent choice,

If you like the overall appearance of the Divi theme demo and would like something similar for your own site, while also having the ability to easily change the layouts in terms of what goes where, then there is every reason to say yes to this theme. With each update to Divi adding new features and functionality into the mix, this is one WordPress theme that keeps getting better and better.

Джо Филан

Pros

Attractive design

Lots of page templates and layouts

Includes a page builder tool

Regularly updated

Good documentation for beginners

Great value theme club pricing

Cons

Not so great documentation for developers

Too many design options could overwhelm some

Summary

Divi combines great looks with a wealth of impressive features to deliver a truly useful WordPress theme. A great range of page templates and an easy to use page builder will suit both those looking for an out of the box solution, as well as those who want to create custom designs without coding.

Divi combines great looks with a wealth of impressive features to deliver a truly useful WordPress theme. A great range of page templates and an easy to use page builder will suit both those looking for an out of the box solution, as well as those who want to create custom designs without coding.

Table of Contents