Попробуйте демо-версию Divi 5 Alpha сегодня!

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

Попробуйте демо-версию Divi 5

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

Все подробности смотрите в видео ниже.

Изучение демо-версии Divi 5

Вы заметите, что новая версия Visual Builder почти завершена. Несколько недостающих функций включают в себя быстрые действия, поиск и замену, предустановки, модули WooCommerce и некоторые параметры условий. Если в демо-версии чего-то не хватает, то это не потому, что мы это удалили; его просто еще не добавили.

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

Что изменилось в Divi 5?

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

1. Настраиваемый интерфейс: Divi 5 поддерживает несколько панелей, комбинированные окна панелей и пользовательские конфигурации стыковки.
2. Более простое адаптивное редактирование. Вместо включения адаптивного редактирования на уровне параметров адаптивное редактирование контролируется на уровне приложения. Переключитесь на любое представление, и изменения, внесенные вами в этом представлении, будут применены автоматически.
3. Новые режимы взаимодействия. В Divi 5 режимы взаимодействия также различаются. Теперь их называют «слоями взаимодействия». Вы можете выбирать, какие слои элементов будут отображаться при наведении курсора, включая параметры элемента, параметры родительского элемента и контуры элемента. При нажатии на любой элемент откроется панель его настроек. Вам не нужно дважды щелкать значок шестеренки или щелкать его. Все действия доступны с помощью щелчка правой кнопкой мыши, поэтому, если вы хотите скрыть все, чтобы упростить интерфейс и предотвратить дублирование, это приемлемый вариант.
4. Интуитивно понятная навигация. Навигация по странице стала проще благодаря закрепленной панели слоев и навигационной навигации на панели настроек.
5. Потрясающая производительность: Divi 5 намного быстрее, и вы это сразу заметите. Кроме того, он не увязнет в больших и сложных проектах. Попробуйте щелкать мышью, быстро дублировать объекты и экспериментировать с различными настройками, и вы увидите, насколько это быстро.
6. Простой и оптимизированный интерфейс. Интерфейс Divi 5 более упрощен. Он меньше и эффективнее. Он более быстрый и лишен ненужной анимации и эффектов. На каждой панели отсутствуют устаревшие кнопки сохранения и отмены. Он также имеет темный режим. Вы можете чувствовать себя как дома в более крупном, медленном и игривом дизайне Divi 4, но как только вы привыкнете к Divi 5, вы оцените его новые сильные стороны.

Взгляд в будущее

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

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

Чего мы достигли в этом месяце

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

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

Вот последние записи журнала изменений Divi 5.

• Добавлен компонент «Выбор предустановок» в VB.
• Добавлен предустановленный класс элемента в элемент модуля в VB.
• Исправлено неправильное верхнее поле при отключенной панели администратора.
• Исправлена ​​ошибка в рендеринге CSS, из-за которой в некоторых случаях CSS для точек останова и вывода состояний не располагался в правильной последовательности.
• Обновлен стиль ввода шрифта загрузки.
• Исправлена ​​ошибка при сохранении/просмотре любого модуля в VB.
• Исправлена ​​ошибка при сохранении стилей всплывающих окон.
• Исправлены модальные размеры и расположение расширенного средства выбора значков.
• Исправлено отображение слоев несколько раз на боковой панели слева, когда щелчок правой кнопкой мыши > параметр «Перейти к слою» нажимается на нескольких модулях.
• Установите параметр «Добавить модальную высоту», чтобы он автоматически соответствовал доступной высоте области просмотра.
• Исправлена ​​проблема, из-за которой, если у вас нет или ноль глобальных цветов, кнопка «Добавить цвет» не видна, а если у вас есть один глобальный цвет, цвет скрыт, и видна только кнопка «Добавить цвет».
• Исправлена ​​проблема, из-за которой добавление глобального цвета приводило к отключению взаимодействия с областью модуля или мышеловки.
• Исправлена ​​проблема с метками динамических действий для вкладок импорта и экспорта в модальное окно переносимости.
• Исправлена ​​проблема с панелью настроек, из-за которой кнопка «Включить перенаправление» была отключена, но поле URL-адреса было видно.
• Исправлен модальный размер прозрачного слоя, передаваемый компоненту-оболочке.
• Очищен некоторый скрытый код при сохранении сообщения/страницы.
• Исправлена ​​проблема, из-за которой синхронизация глобальных цветов выполнялась только при черновике, а не при публикации или предварительном просмотре.
• Исправлена ​​проблема, из-за которой удаленные глобальные цвета не удалялись из макета при сохранении.
• Исправлена ​​ошибка выбора цвета в диапазоне от черного до белого цвета.
• Исправлено: открытие модальных окон изменяло значения настроек модуля.
• Исправлена ​​проблема, из-за которой при наличии большого количества глобальных цветов расширение вкладки «Сохраненные/последние цвета» и последующее открытие вкладки «Глобальные цвета» приводило к тому, что образцы цвета перекрывались заголовками сохраненных/глобальных/последних вкладок.
• Добавлены тесты для функции копирования и вставки в буфер обмена, чтобы убедиться, что значения глобальных атрибутов цвета копируются и вставляются.
• Добавлена ​​поддержка атрибута showPlaceholderOnEmpty в компоненте поля TextArea.
• Добавлена ​​функция скрытия настроек в модуле «Блог», когда для длины контента установлено значение «Показать контент».
• Исправлена ​​ошибка, из-за которой пользователь удалял столбец из представления слоев, и он удалялся.
• Исправлено неправильное и непредсказуемое положение панели инструментов встроенного редактора, когда пользователи выбирают некоторые тексты в конструкторе.
• Исправлена ​​проблема, из-за которой опция «Показать нумерацию страниц» в модуле «Блог D5» не скрывала нумерацию страниц во внешнем интерфейсе, когда она отключена.
• Исправлена ​​проблема, из-за которой отключение опции «Показать отрывок» в модуле блога D5 не скрывало отрывок в предварительном просмотре Visual Builder.
• Исправлена ​​ошибка адаптивного контента из-за того, что @wordpress/hooks был перемещен во внешние зависимости путем регистрации его как зависимости для сценария с несколькими представлениями в FE.
• Исправлена ​​неверная последовательность обновления в поле форматированного текста.
• Исправлено нежелательное подчеркивание текста, добавленное к кнопке из-за неправильного порядка рендеринга статического стиля divi.
• Добавлены недостающие ярлыки страниц (сохранение страницы, сохранение страницы как черновика, выход из визуального конструктора, открытая переносимость, адаптивное увеличение/уменьшение масштаба, переключение в каркасный режим).
• Исправлено неправильное положение переносимости и модальное сохранение в библиотеке при первом открытии.
• Исправлена ​​проблема, из-за которой при сбросе стилей при наведении вместо этого сбрасывались стили рабочего стола.
• Исправлена ​​проблема, из-за которой градиент кнопки останавливался в состоянии рабочего стола и менял значение на то, которое использовалось остановкой градиента при наведении.
• Исправлено скрытие видимой части элемента в исходном положении при перетаскивании.
• Исправлено скрытие/отображение значка сброса «Отключить при» в зависимости от видимых установок/снятий отметок.
• Исправлены некорректно работающие сочетания клавиш.
• Исправлена ​​кнопка «Сброс», не работающая с флажками.
• Добавьте функциональность недостающих столбцов в специальные разделы.
• Добавлена ​​опция в настройках конструктора для отключения панели администратора.
• Добавлена ​​возможность прокрутки к переброшенному модулю в VB после перетаскивания его в представлении слоев.
• Добавлена ​​возможность прокрутки к переброшенному модулю в VB после перетаскивания его в представлении слоев.
• На панель страницы была добавлена ​​кнопка «Очистить макет».
• Добавлен переключатель цветового режима на панели страницы.
• Добавленная функциональность гарантирует, что группа слоев будет расширена только в том случае, если перетаскиваемый модуль является правильным потомком модуля.
• Добавлена ​​функция расширения слоя, когда пользователь перетаскивает модуль и наводит курсор на группу слоев через 200 мс.
• Добавлена ​​функция выделения фактического модуля в макете при его наведении в модальном окне «Просмотр слоев».
• Добавлен механизм объявления атрибутов `default` и `defaultPrintedStyle` модуля в его собственном файле JSON.
• Добавлен механизм извлечения атрибутов, генерирующих данные HTML, стиля и скриптов.
• Добавлена ​​кнопка на панели страницы для выхода из визуального конструктора.
• Была добавлена ​​кнопка на панели страниц для предварительного просмотра текущего состояния конструктора на передней панели.
• Добавлена ​​функция предотвращения, гарантирующая, что единственный столбец в строке не будет удален или перемещен в другую строку.
• Добавлен прототип модального окна предустановленных настроек.
• Автоматически закреплять слои на боковой панели слева при открытии.
• Убедитесь, что модальное окно «Добавить из библиотеки» теперь отображается по центру области страницы с максимальной шириной и высотой, равной 32 пикселям от любого края фрейма со всех четырех сторон.
• Исправлена ​​ошибка в модуле Blurb для селекторов при наведении, из-за которой стили не отображались в VB при выборе состояния при наведении.
• Исправлена ​​ошибка в Divi 5, из-за которой стили закрепленного состояния не отображались в VB при выборе закрепленного состояния в настройках модуля.
• Исправлено сообщение «Устарело» в PHP 8.3, связанное с динамическими свойствами.
• Исправлено уведомление об устаревании PHP в модуле Email Optin, возникавшее в PHP 8.2+.
• Исправлена ​​метка администратора, которая не синхронизировалась внутри модального окна «Просмотр слоев» при изменении из настроек модуля или каркасного режима.
• Исправлена ​​проблема, из-за которой все сообщения отображались в модуле «Блог» в Visual Builder, даже если были выбраны определенные категории.
• Исправлена ​​проблема, из-за которой цвет фона наложения и значок наложения некорректно отображались во внешнем интерфейсе.
• Исправлена ​​неработающая автоматическая прокрутка при перетаскивании модуля близко к верхнему/нижнему экрану просмотра окна.
• Исправлен цвет фона кнопки и цвет текста кнопки в полях учетной записи электронной почты и защиты от спама на панели настроек в модулях «Контактная форма» и «Поддержка электронной почты».
• Исправлен выбор значка по умолчанию в модуле значков при его первоначальной загрузке.
• Исправлено динамическое отображение контента в настройках заголовка дочернего элемента для таких модулей, как аккордеон.
• Исправлена ​​ошибка, возникающая при выполнении команды Yarn test-unit.
• Исправлено неправильное имя класса модуля отзывов.
• Исправлено неправильное фиксированное положение встроенного редактора.
• Исправлена ​​проблема, из-за которой при сохранении черновика всегда публиковалась страница.
• Исправлена ​​проблема, из-за которой некоторые модели и выбранные меню мигали из исходного неправильного положения в правильное.
• Исправлена ​​проблема, из-за которой вкладки не отображались в модуле «Вкладки».
• Исправлено медленное перетаскивание в каркасном представлении.
• Исправлены отсутствующие классы анимации изображений в модуле «Человек».
• Исправлены отсутствующие всплывающие подсказки на фоновых вкладках.
• Исправлено действие опций модуля, не работающее при нажатии; вместо этого открывает настройки модуля.
• Исправлено отображение дополнительного нижнего пространства в модуле «Аккордеон» при наведении курсора.
• Исправлена ​​плавная прокрутка при перетаскивании слоя снизу вверх.
• Исправлен цвет текста в содержимом редактора Richtext в темном режиме.
• Исправлена ​​проблема с наведением значка модуля аннотации.
• Исправлена ​​проблема с зоной перетаскивания в нижней области, из-за которой мы опускали модули внизу списка модулей слоя.
• Исправлена ​​проблема с отображением параметров модуля, даже если модуль слоя больше не наводился.
• Исправлена ​​проблема с отображением изображений галереи низкого качества в модуле галереи FE.
• Исправлено обновление имен дочерних столбцов в настройках строк и изменен порядок столбцов при перетаскивании.
• Введены улучшения в компонент «Палитра цветов», обеспечивающие большую расширяемость и модульность.
• Представляем новый базовый компонент для полей преобразования, который устраняет дублирующиеся преобразования CSS.
• Сохранение закрепленного/открепленного состояния модального окна, чтобы оно могло быть повторно открыто на основе его последнего закрытого состояния.
• Сделанный модуль перетаскивания можно инициализировать с любой области поверхности модуля.
• Удалить кнопку выхода из админ панели
• Удалены возможности перетаскивания и изменения размера при загрузке из модального окна библиотеки.
• Удалены параметры модуля из столбца раздела «Специализация» в модальном окне «Просмотр слоев».
• Удален лишний селектор при наведении для модуля входа после надлежащего исправления проблемы.
• Удалены неиспользуемые сочетания клавиш.
• Пользовательский интерфейс Divi 4, основанный на режимах, заменен на интерфейс слоев взаимодействия.
• Оптимизированный пользовательский интерфейс визуального конструктора (полевые и модальные компоненты)
• Временно скройте кнопки отмены и повтора на панели страницы, пока не будет создана история.
• Обновлена ​​и усовершенствована функция «Глобальные цвета», представлен новый формат глобального идентификатора цвета и улучшена поддержка атрибутов модуля.
• Использовал переменные CSS для установки цветов представления слоев, заменил ненужное использование useSelect в компоненте Layer Drag Handle для оптимизации производительности и последовательно использовал selectStore для именования селектора внутри использования useSelect в Layers View.

Следите за обновлениями

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