Майское обновление Divi 5: предварительный просмотр скорости Divi 5

Мы находимся в разгаре масштабного проекта Divi 5, и мне нравится каждый месяц информировать сообщество о нашем прогрессе. В прошлом месяце мы углубились в пять этапов бета-программы Divi 5, чтобы лучше понять, как мы подходим к такому большому проекту наиболее выгодным для пользователей Divi способом. Мы находимся на этапе 1, Dev Alpha, и мы приближаемся к запуску Dev Beta, после чего новый Divi 5 API будет закреплен. Мы пригласим больше разработчиков присоединиться к программе, пока мы работаем над первым общедоступным релизом в конце этого года.

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

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

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

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

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

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

Если вас интересуют более тонкие детали, вот самые последние записи журнала изменений:

Диви 5.0.0-dev-альфа.4

• Исправлен рендеринг для фоновых полей в модальном окне настроек модуля Shortcode.
• Исправить видимость полей настройки модуля шорткода с условиями шаблона регулярного выражения.
• Добавлен внешний рендеринг параметров разделителей разделов.
• Исправлена ​​ошибка, из-за которой параметры наведения не работали должным образом в визуальном конструкторе и интерфейсе для параметров модуля, которые имеют несколько селекторов.
• Рефакторинг пакета @divi/scripts и добавление тестов
• Опубликованные пакеты типов в npm в рамках подготовки к публичному выпуску

Диви 5.0.0-dev-альфа.5

• Разрешить модулю Shortcode отправлять еще один запрос, когда предыдущий запрос прерывается автоматически.
• Отобразите кнопку закрепленных опций, когда текущий модуль шорткода закреплен.
• Отобразите кнопку закрепленных опций, когда текущий модуль шорткода находится внутри закрепленного модуля.
• Удалено неиспользуемое значение по умолчанию Record<number, string | Запишите тип <string, string>> в модуле Shortcode.
• Исправлены неправильные элементы модуля Woo Shortcode, отображаемые на одной странице продукта. Затронутые модули шорткода: уведомление о продукте Woo, изображения продукта Woo, добавление в корзину Woo, акции продукта Woo, цена продукта Woo, сопутствующие товары Woo, дополнительные продажи продукта Woo и продукты Woo.
• Переименуйте модуль Unsupported в модуль Shortcode вместе с слагом модуля, маршрутом REST API, меткой, тестовыми примерами и сборником рассказов.
• Добавлены поля фонового видео в параметрах фона модуля.
• Рефакторинг рендеринга фонового видео в Visual Builder без вызовов REST API.
• Добавлен рендеринг параметров модуля фонового видео во внешнем интерфейсе.
• Добавлены ScriptData для инициализации фонового видео во внешнем интерфейсе.
• Добавлена ​​поддержка параметров модуля фонового видео в закреплённом состоянии.
• Обновлена ​​видимость полей разделителя в параметрах модуля, чтобы скрыть дополнительные параметры, если стиль разделителя не выбран.
• Обновлена ​​видимость параметра «Повторение по горизонтали разделителя» в параметрах модуля, чтобы он был скрыт для параметров «Стиль разделителя», которые явно отвергают повторение.
• Обновлена ​​видимость параметра «Расположение разделителя» в параметрах модуля, чтобы он был скрыт в настройках раздела «Полная ширина» (где разрешено только значение по умолчанию «ниже»).
• Обновлен предварительный просмотр поля «Стиль разделителя» в параметрах модуля, чтобы отразить любое горизонтальное и/или вертикальное отражение, примененное в настоящее время к разделителю.
• Обновлено поле «Высота разделителя» в параметрах модуля, чтобы разрешить сохранение значений в процентах («%») в дополнение к единице измерения в пикселях («px») по умолчанию.
• Обновлен параметр «Повторение по горизонтали делителя» в параметрах модуля, чтобы принимать только положительные числовые значения («1x» или выше).
• Добавлена ​​основа параметров условий, включая начальные условия для автора, входа в систему и роли пользователя, остальные условия будут добавляться постепенно в будущих выпусках.
• Добавлен компонент ElementComponents, эквивалентный <ElementStyle />, но для отображаемых HTML-элементов.
• Добавлена ​​функция elementClassnames(), эквивалентная <ElementStyle />, но для функций, которые выводят имена классов.
• Исправлена ​​ошибка уровня заголовка шрифта.
• Исправлены предупреждения PHP, срабатывающие в модуле портфолио.
• Правильный обратный вызов разрешения REST был добавлен ко всем зарегистрированным маршрутам REST.
• Введен новый класс RoleEditor для определения ролей Divi, включая тесты на функциональность, которая была реорганизована с D4 на D5.
• Функции .sendRequest(), такие как автоматическое добавление одноразовых номеров ET и WP и поддержка потокового ответа, были добавлены в fetch().
• Функция fetch() была полностью переработана для повышения удобства сопровождения и масштабируемости, что позволяет вводить новые и сложные условия и функции, например параметры .sendRequest().
• Все вызовы REST API, fetch(), loggedFetch() и .sendRequest(), были унифицированы, и теперь используется только loggedFetch().
• Переработан механизм преобразования модулей.

Диви 5.0.0-dev-альфа.6

• Улучшена и оптимизирована регистрация, логика, схемы и тесты REST API. Пакет divi/ajax переименован в пакет divi/rest.
• Добавлены компоненты InlineTextEditorContainer и InlineTextEditor для встроенного текстового редактора.
• Добавлены обработчики onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown и onMouseUp для встроенного текстового редактора.
• Добавлен механизм сохранения для обновления значения атрибута из поля встроенного текстового редактора.
• Добавлены обработчики событий для активации и деактивации режима редактирования встроенного текстового редактора.
• Добавлены имена классов на основе активации/деактивации и других состояний, таких как __empty, __editing, __html.
• Добавлен стиль CSS/Inline для встроенного текстового редактора.
• Рефакторинг WindowEventEmitterInstance для добавления прослушивателя событий mousedown.
• Представлен PHP-хелпер адаптивного контента.
• Представлен JS-хелпер адаптивного контента.
• В скрипты FE добавлена ​​функция адаптивного контента.
• Добавлена ​​реализация адаптивного контента в элементах Name, Position, Image и Content модуля Team Member.
• Добавлена ​​реализация адаптивного контента в элементах Use Percentage, Percent и Title модуля Bar Counters.
• Добавлена ​​реализация адаптивного контента в элементе «Текст кнопки» модуля «Кнопка».
• Добавлена ​​реализация адаптивного контента в элементах Title и Content модуля Toggle.
• Добавлена ​​реализация адаптивного контента в элементе Text Inner модуля Text.
• Добавлена ​​реализация адаптивного контента в элементе «Заголовок» модуля «Таймер обратного отсчета».
• Добавлена ​​реализация адаптивного контента в элементах «Заголовок», «Изображение», «Имя исполнителя» и «Имя альбома» модуля «Аудио».
• Добавлена ​​реализация адаптивного контента в элементе Content модуля Code.
• Добавлена ​​реализация адаптивного контента в элементах «Заголовок», «Контент» и «Кнопка» модуля CTA.
• Добавлена ​​реализация адаптивного контента в модуле изображения.
• Добавлена ​​реализация адаптивного контента в элементе «Заголовок» модуля «Счетчик кругов».
• Добавлена ​​реализация адаптивного контента в элементе Title модуля Number Counter.
• Добавлена ​​реализация адаптивного контента в элементах «Заголовок» и «Содержимое» модуля «Вкладки».
• Добавлена ​​реализация адаптивного контента в элементах Title и Content модуля Login.
• Добавлена ​​реализация адаптивного контента в параметре «Показать разделитель» модуля «Разделитель».
• Добавлена ​​реализация адаптивного контента в элементах «Заголовок», «Подзаголовок», «Содержимое», «Изображение логотипа», «Изображение заголовка», «Кнопка один текст» и «Кнопка два текста» модуля «Заголовок полной ширины».
• Добавлена ​​реализация адаптивного контента в модуле Fullwidth Image.
• Добавлена ​​реализация адаптивного контента в элементах Title и Content модуля Portfolio.
• Переместите код, связанный с модулем Shortcode, в пакет модуля Shortcode.
• Добавьте визуализатор стиля заголовка шрифта в компонент ElementStyle.

Скорость Диви 5

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

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

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

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

Скоро: Диви ИИ

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

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

Посмотрите сегодняшнее видео на Youtube, чтобы взглянуть на Divi AI.

Оставайтесь с нами для получения дополнительных обновлений

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