Divi 5 Руководство для начинающих: как освоить основы

Если вы слышали о Divi 5 и задаетесь вопросом о текущем состоянии, это руководство для начинающих Divi 5 для вас.

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

В этом посте мы проведем вас через все, что вам нужно, чтобы начать и почувствовать уверенность в использовании Divi 5, будь то новичок в Divi или переходите с Divi 4.

Divi 5 находится на своей альфа -стадии, но сегодня готов к новым веб -сайтам.

Что такое Divi 5?

Divi 5 - последняя версия темы Divi WordPress, но это больше, чем обновление. Это полная перестройка структуры построения веб-сайтов Divi, предназначенной для того, чтобы дать вам полный креативный контроль без написания пользовательского кода.

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

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

• Визуальный строитель в реальном времени , который реагирует быстрее, чувствует себя легче и позволяет перетаскивать, сбрасывать и настраивать с меньшей задержкой и более точностью. Проверьте это для себя здесь.
• Предварительно разработанные макеты Divi, которые помогут вам применить красивые дизайны страниц, адаптированные к различным отраслям и целям.
• Десятки модулей Divi, которые обрабатывают все, от текста и изображений до ползунков, галерей, форм, таблиц ценообразования и многого другого.
• Маркетинговые инструменты, такие как Divi, лидируют за разделенное тестирование, Bloom for Email Opt-INS и Monarch для обмена социальным.
• Расширенные параметры настройки, такие как пресеты, переменные дизайна и глобальные стили, позволяют вам поддерживать свой дизайн в соответствии с поступлением и на бренде.

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

Легко ли переходить от Divi 4 к Divi 5?

Divi 5 является преемником Divi 4, что означает, что это лучше. Итак, если вы привыкли к Divi 4, идея переключения может показаться ошеломляющей. Но давайте начнем с того, что Divi 5 построен с обратной совместимостью . Это означает, что любой веб -сайт Divi 4 будет работать с Divi 5.

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

Divi 5 Builder предлагает более быструю, более оптимизированную производительность

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

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

Обратите внимание, что Milliseconds Divi 4 (слева) принимает для загрузки визуального строителя. Divi 5 загружает это почти сразу.

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

Divi 5 обеспечивает более простой и более простой опыт редактирования

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

Для начала, редактирование контента сейчас быстрее, чем когда -либо. При редактировании одного щелчка вы можете щелкнуть непосредственно в любой текст или модуль и начать печатать, без дополнительных шагов и переключения между меню. Это заставляет весь опыт чувствовать себя немедленным и легким. (В Divi 4 потребовалось несколько кликов, чтобы открыть панель настроек модуля.)

Еще одно обновление - стыковка панели , которая позволяет прикреплять панель «Настройки» на обе стороны от экрана. Это сохраняет ваш макет в полном представлении, поскольку вы вносите изменения и предотвращает покрытие настройки вашей рабочей области. (Эта возможность не присутствует в Divi 4.)

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

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

Divi 5 упрощает организацию управления и дизайна настроек

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

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

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

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

Новые функции Divi 5, о которых вы должны знать

Давайте посмотрим на новые функции, которые мы недавно добавили в Divi 5, и как они помогают вам быстрее создавать веб -сайты:

1. Настраиваемые точки останова предлагают более отзывную гибкость

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

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

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

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

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

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

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

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

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

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

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

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

3. Опционные предварительные настройки PRESETS упростите систему проектирования на основе предустановки

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

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

Для этого вы сначала настроите свои предпочтительные настройки, а затем сохраните их в качестве предустановки. Ниже я сохранил тень кнопки в качестве коробки Shadow 2 и применил ее на другие кнопки.

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

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

4. Вложенные ряды для сложных конструкций макета

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

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

Добавьте вложенную строку в качестве модуля контента. Нажмите кнопку Black Plus, переключитесь на новую строку и выберите предпочитаемый тип строки.

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

5. Модульные группы для организации ваших модулей

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

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

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

6. Усовершенствованные подразделения помогают вам оптимизировать для более умного отзывчивого дизайна

В Divi 4 большинство входных данных стиля были ограничены основными единицами, такими как пиксели и проценты. С помощью Advanced Units теперь вы можете использовать гораздо более широкий диапазон единиц CSS, включая REM, EM, VW, VH, % и даже мощные функции CSS, такие как Clamp (), как визуальные настройки в Divi 5. Эта функция полезна для дизайнеров, которые заботятся о адаптивном дизайне и масштабируемой типографии.

Например, вы также можете использовать Clamp (), чтобы установить минимальное, идеальное и максимальное значение для прокладки или размера шрифта, чтобы ваш дизайн выглядел отполированным на устройствах, не создавая десятки пользовательских точек останова. Зажим заголовка (36px, 4VW, 48px) установит размер шрифта на 36px, масштаб на основе 4% ширины просмотра и перестанет расти на 48px.

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

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

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

Загляните внутрь Divi 5

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

1. Скачать, установить и активировать Divi 5

Вот видеоурок для покупки, установки и активации Divi:

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

Вернитесь к своей панели панели WordPress. Следуйте по этому запросу: внешний вид> Темы> Добавить тему> Загрузить тему. Затем загрузите файл divi 5 с вашего компьютера и нажмите «Установить сейчас».

После установки активируйте тему.

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

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

Начните с Диви

2. Создайте свой сайт, используя Divi 5

Самый быстрый способ создать целый веб -сайт с Divi 5 - это использование сайтов Divi Quick.

Вы выбираете между двумя вариантами:

• Используйте готовый стартовый сайт , и Divi 5 создаст базовый веб-сайт, используя брендинг и контент выбранного сайта.
• Или генерируйте свой сайт с ИИ , чтобы обучить Divi AI создать уникальный веб -сайт.

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

А вот как это работает с ИИ. Вы рассказываете Divi AI о своем веб -сайте и ждете, пока он готовит:

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

Если вы хотите создать новую страницу с нуля или получить доступ к визуальному строителю Divi, перейдите на страницу «Страницы»> «Добавить страницу».

Теперь назовите свою страницу и нажмите «Использовать Divi Builder».

Вы войдете в зритель Divi.

3. Узнайте о основаниях Visual Builder Divi 5

Если вы впервые обращаетесь к Visual Builder Divi 5, вы увидите много значков, так что вот быстрое прохождение:

• (1.) Панель левой боковой панели: эта панель включает в себя инструменты строительства. Вы можете добавить готовые макеты, получить доступ к библиотеке макетов, просмотреть структуру, используя слои, переключиться на вид каркаса, сохранять переменные конструкции, настраивать настройки строителя и получить помощь.
• (2.) Верхняя полоса: вы можете переключаться между режимами отзывчиков. Элементы управления шириной и масштабирования помогают вам точно настраивать интервал с точками останова. Вы также найдете здесь Undo/Redo, четкий макет, историю и варианты сохранения здесь. Кроме того, выход, предварительный просмотр, сохранение черновика и публикации кнопок для управления вашим прогрессом.
• (3.) Правая боковая панель: Когда вы нажимаете на любой модуль, его настройки открываются справа. Вы можете добавить контент, стиль его и добавить здесь пользовательские CSS. Панировочные сухари в верхней части (Страница> Раздел> Строка> Столбец) показывают, где именно модуль живет в вашем макете.

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

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

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

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

4. Создайте страницы вашего сайта с Divi 5

Даже если вы не используете Divi Quick Sites, вы все равно можете импортировать заранее готовые макеты или использовать Divi AI для генерации целой компоновки. Нажмите на кнопку «Синий плюс» .

(1.) Позволяет выбирать из 2500+ готовых макетов и (2.) позволяет указать Divi AI генерировать вашу страницу. Вот как работает импорт готового макета:

Если вы решите построить с помощью Divi AI, вам нужно только рассказать об этом о странице, которую вы хотите построить.

Настройка дизайна вашей страницы

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

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

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

Каждая панель настроек модуля включает в себя три вкладки:

• Контент: Здесь вы добавляете или редактируете фактический контент модуля. Вы также можете добавить ссылки, выбрать фон или изменить этикетку администратора, чтобы легче идентифицировать модуль.
• Дизайн: Переход на вкладку дизайна позволяет создать визуальный внешний вид модуля. Вы можете изменить размер шрифта, вес, цвет, высоту линии, расстояние, выравнивание и многое другое. Имейте в виду, что разные модули имеют разные параметры настройки.
• Advanced : The Advanced Tab дает вам полный контроль над большим количеством технических вариантов. Добавьте пользовательскую CSS, установите адаптивную видимость и многое другое. Это особенно полезно, если вы хотите настроить за пределы того, что предлагает вкладка «Дизайн».
• Значок ноутбука позволяет переключаться между режимами адаптивного и падения. Переключившись в один режим, вы можете настроить все настройки и сохранить.
• Кнопка предустановки по умолчанию является заданной функцией Divi. Вот разница между предустановлениями элемента и предустановками групп опционов.

Если вы имеете дело с блоком писателя, используйте Divi AI, чтобы добавить контент (текст, изображения и код). Почти каждый модуль позволяет использовать ИИ. Все, что вам нужно сделать, это искать маленький значок ИИ.

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

Начните с Диви

5 советов, чтобы получить максимальную отдачу от Divi 5

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

Это также делает его идеальным временем, чтобы начать строить с ним. Чем раньше вы начнете, тем вам удобнее, когда будет полностью запущена Divi 5 Beta. Вот несколько способов максимально использовать ваше членство в Divi:

1. Оставайтесь в курсе новых выпусков

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

Чтобы остаться в курсе, подпишитесь на элегантные темы YouTube Channel, где Ник регулярно делится прохождениями и объявлениями о выпуске.

Подписаться на наш канал на YouTube

2. Экспериментируйте с новым строителем Divi 5

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

Сделайте привычку регулярно посещать блог «Элегантные темы», чтобы найти творческие способы использования Divi 5.

3. Поделиться и поиск дивинг 5 советов и хитростей в сообществе Divi

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

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

4. Создайте новые сайты с Divi 5

Лучший способ использовать Divi 5 (прямо сейчас) - это создание новых веб -сайтов с нуля. Там нет причин ждать, если вы начинаете новый проект. Вы получаете более быструю производительность, более чистый код и лучший опыт редактирования прямо из коробки.

Но если вы работаете с существующим сайтом Divi 4, лучше подождать немного дольше, прежде чем перенести его в Divi 5.

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

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

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

5. Построить систему проектирования Divi

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

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

6. Сообщите об ошибках, когда вы столкнетесь с ними

Divi 5 все еще находится в активной разработке, поэтому вы, вероятно, столкнетесь с несколькими ошибками на этом пути. Когда вы это сделаете, мы хотели бы, чтобы вы сообщили о них. Это помогает нашей команде решать проблемы быстрее и приближает нас на шаг ближе к бета -выпуску. Вы также можете полагаться на нас за сомнения Divi 5 - наша команда поддержки быстро отвечает и здесь, чтобы помочь, и профессиональные пользователи также получают 24/7 VIP -поддержку для чего -либо срочного.

Выберите Divi 5, чтобы начать путешествие по веб -дизайну

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

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

Если вы начинаете свое путешествие веб -дизайна сегодня, начните с Divi 5. Он создан для того, куда идет сеть, а не туда, где она была.

Divi 5 готов к использованию на новых веб -сайтах сегодня.