Обновление Divi 5 Progress: изучение возможностей расширения Divi 5

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

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

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

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

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

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

Записи журнала изменений:

• Рефакторинг всех созданных в настоящее время модулей для включения новой и улучшенной системы атрибутов на основе элементов.
• В пакеты/модули-utils добавлена ​​функция saveInlineEditorValue Util для сохранения значения из встроенного текстового редактора.
• Добавлена ​​функция canEditInline Util в packages/module-utils, чтобы проверить, можно ли редактировать атрибут модуля в строке.
• Добавлено событие обработчика onPaste во встроенный текстовый редактор для обработки данных буфера обмена.
• Заменены имена классов встроенного текстового редактора на основе событий селекторами data-* (например: et-vb-editable-element–empty, et-vb-editable-element–html) в Builder.
• Обновлен CSS для встроенного текстового редактора с селекторами data-* (например: [data-et-vb-editable-element]).
• Обновлен встроенный текстовый редактор, чтобы проверить, редактируется ли модуль и есть ли у пользователя правильное разрешение на редактирование.
• Рефакторинг хранилища сочетаний клавиш для отключения сочетаний клавиш, когда встроенный текстовый редактор находится в режиме редактирования
• В аудиомодуль для заголовка добавлена ​​функция встроенного текстового редактора.
• В модуль Blurb For Title добавлена ​​функция встроенного текстового редактора.
• В модуль барной стойки для заголовка добавлена ​​функция встроенного текстового редактора.
• В модуль счетчика кругов для заголовка добавлена ​​функция встроенного текстового редактора.
• Добавлена ​​функция встроенного текстового редактора в модуль кода для содержимого кода (HTML).
• В модуль таймера обратного отсчета для заголовка добавлена ​​функция встроенного текстового редактора.
• В модуль полноширинного заголовка добавлена ​​функция встроенного текстового редактора для заголовка и подзаголовка.
• В модуль кода полной ширины добавлена ​​функция встроенного текстового редактора для содержимого кода (HTML).
• Добавлена ​​функция встроенного текстового редактора для входа в модуль для заголовка.
• В модуль счетчика чисел для заголовка добавлена ​​функция встроенного текстового редактора.
• Добавлена ​​функция встроенного текстового редактора. Модуль «Человек (член команды)» для имени и должности.
• В модуль таблицы цен добавлена ​​функция встроенного текстового редактора для заголовка, подзаголовка, валюты, суммы и частоты.
• В модуль слайдера добавлена ​​функция встроенного текстового редактора для заголовка слайда.
• Добавлена ​​функция встроенного текстового редактора «В модуль «Вкладки» для заголовка вкладки».
• В модуль отзывов добавлена ​​функция встроенного текстового редактора для автора, должности и названия компании.
• Добавлена ​​функция встроенного текстового редактора для переключения модуля для заголовка.
• Добавлена ​​функция встроенного текстового редактора в представление каркаса для меток администратора модуля.
• Обновлена ​​функция встроенного текстового редактора для установки текста по умолчанию, когда атрибут модуля редактируется с пустым значением (например, метки администратора в режиме просмотра каркаса).
• Добавлены тестовые случаи, чтобы убедиться, что режим редактирования для встроенного текстового редактора не активируется для заблокированного модуля
• Добавлены тесты для всех модулей, использующих встроенный текстовый редактор, чтобы убедиться, что он работает должным образом.
• Добавлены базовые компоненты InlineRichTextEditorContainer и InlineRichTextEditor в Builder для встроенного редактирования форматированного текста.
• Представлен класс ElementInnerContent, упрощенная версия класса MultiViewElement.
• Улучшенный класс MultiViewScriptData.
• Добавлен настраиваемый фильтр и хук в скрипте Responsive Content FE.
• Представлен класс MultiViewElement.
• Динамический контент: новый формат значения динамического контента: `$variable(JSON_VALUE)$`.
• Динамический контент: введены новые функции преобразования атрибутов для атрибутов динамического контента.
• Динамический контент: введен начальный рендеринг динамического контента в интерфейсной части.
• Новый подход к обработке значений динамического содержимого. Значения динамического содержимого будут обрабатываться синтаксическим анализатором блоков до того, как документ будет преобразован в список блочных структур.
• Обратно портирован код для разрешения значений встроенных и настраиваемых полей динамического содержимого на основе имени поля и настроек.
• Обратно портирован код для создания встроенных и настраиваемых полей динамического содержимого на основе различных условий.
• Динамический контент: введен начальный рендеринг динамического контента в VB.
• Динамический контент: интегрированная функциональность динамического контента в класс `ModuleElements`.
• Динамический контент: реализована функция динамического фонового изображения в VB.
• Динамический контент: представлен начальный пользовательский интерфейс динамического контента в настройках модуля в VB. Прямо сейчас это доступно в качестве прототипа для входного текста модуля отзывов с поддержкой только для параметра динамического содержимого `site_title`.
• Встроенный редактор RichText: добавлены основные возможности редактирования TinyMCE в компонент встроенного редактора Rich Text.
• Встроенный редактор RichText: Обновлен встроенный редактор Rich Text для извлечения редактируемого содержимого и сохранения отредактированного содержимого.
• Рефакторинг атрибутов модуля: атрибуты модуля значка рефакторинга.
• Рефакторинг атрибутов модуля: рефакторинг атрибутов модуля социальных сетей.
• Рефакторинг атрибутов модуля: рефакторинг атрибутов видеомодуля.
• Рефакторинг атрибутов модуля: рефакторинг атрибутов модуля поиска.
• Рефакторинг атрибутов модуля: рефакторинг атрибутов модуля полной ширины кода.
• Рефакторинг атрибутов модуля: Рефакторинг атрибутов модуля «Таблицы цен».
• Рефакторинг атрибутов модуля: Рефакторинг атрибутов модуля Accordion.
• Рефакторинг атрибутов модуля: рефакторинг атрибутов модуля карты полной ширины.
• Рефакторинг атрибутов модуля: Рефакторинг атрибутов модуля Ползунок полной ширины.
• Рефакторинг атрибутов модуля: атрибуты модуля карты рефакторинга.
• Ошибки, о которых сообщило сообщество: реализация механизма кредита модуля. Добавьте Credit в module.json, чтобы отобразить кредит модуля.
• Ошибки, о которых сообщает сообщество: включить выбранный тег в описании поля
• Параметры перехода: добавлен компонент стиля перехода для всех модулей, использующих ElementStyle.
• Элементы модуля: введение класса ModuleElements для упрощения создания элементов в модулях «Аудио», «Введение», «Призыв к действию» и «Отзыв».

Иллюстрация расширяемости Divi 5

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

Что все это значит для будущего Divi?

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

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

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

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

Divi AI почти готов!

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

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

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

Оставьте комментарий, если у вас есть какие-либо вопросы. Увидимся в следующем обновлении!