Майское обновление Divi 5: предварительный просмотр скорости Divi 5
Опубликовано: 2023-06-02Мы находимся в разгаре масштабного проекта 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.
Оставайтесь с нами для получения дополнительных обновлений
Это все, что касается нашего майского отчета о ходе работ. Если у вас есть какие-либо вопросы, обязательно оставьте комментарий. Следите за обновлениями в следующем месяце, и увидимся в следующем!