Представляем новый интерфейс Divi 5

Опубликовано: 2023-12-21

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

Посмотрите видео, чтобы рассмотреть поближе.

Новый интерфейс Divi 5

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

Более быстрый и эффективный интерфейс

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

Интерфейс, который не мешает вам

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

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

Полностью настраиваемый интерфейс

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

Интерфейс, в котором проще, чем когда-либо, ориентироваться

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

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

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

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

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

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

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

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

  • Добавлен модуль Post Slider для Divi 5.
  • Добавлен модуль полноширинного меню для Divi 5.
  • Добавлен модуль заголовка поста на полную ширину для Divi 5.
  • Добавлено улучшение с пометкой функции для фреймов приложений.
  • Реализовано объявление стилей модуля AdvancedStyles в PHP для кода, аудио, счетчика кругов, столбца, таймера обратного отсчета, разделителя, полноразмерного заголовка, полноширинного изображения, заголовка, значка, призыва к действию, кнопки, барных счетчиков, аккордеона, заголовка сообщения, портфолио, счетчика чисел. , карта
  • Добавлен модуль блога для Divi 5.
  • Добавлено улучшение с пометкой функции для фреймов приложений.
  • Добавлен модуль фильтруемого портфолио для Divi 5.
  • Добавлен модуль Fullwidth Portfolio для Divi 5.
  • Добавлен модуль навигации по публикациям для Divi 5.
  • Реализовано объявление расширенных стилей в модулях VB для модулей раздела, карты во всю ширину, заголовка, меню, боковой панели, подписки в социальных сетях, вкладок, членов команды, отзывов, текста, переключателей, видео и слайдера.
  • Встроенные автоматически генерируемые настройки модуля для панели настроек таких модулей, как таймер обратного отсчета, счетчик кругов, код, кнопка, реклама, разделитель, звук, реклама, код и заголовок.
  • Обновлен экспорт «SyncGlobalLayoutAttributes», чтобы он был типом, а не объектом.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/modal-library.
  • TypeDocs: обновлена ​​документация по функциям хранилища данных в пакете @divi/modal-library.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/page-settings.
  • TypeDocs: обновлена ​​документация по функциям хранилища данных в пакете @divi/page-settings.
  • Разработан модуль Fullwidth Portfolio как в VB, так и в FE в D5.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/keyboard-shortcuts.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/object-renderer.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/mask-and-pattern-library.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/middleware.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/modal.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/modal-snap-indicator.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/draggable.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/numbers.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/error-boundary.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/events.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/help.
  • TypeDocs: обновлена ​​документация по функциям хранилища данных в пакете @divi/help.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/history.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/hooks.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/icon-library.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/global-layouts.
  • TypeDocs: обновлена ​​документация по функциям хранилища данных в пакете @divi/global-layouts.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/fonts.
  • TypeDocs: обновлена ​​документация по функциям хранилища данных в пакете @divi/fonts.
  • TypeDocs: обновлена ​​документация для пакета @divi/module.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/data.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/divider-library.
  • Добавлены TypeDocs для пакета @divi/context-library.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/conversion.
  • TypeDocs: в генератор TypeDocs добавлен пакет @divi/constant-library.
  • TypeDocs: обновлена ​​документация для пакета @divi/field-library.
  • Реализовано объявление расширенных стилей модуля VB для… модулей.

Скоро: Divi Layouts AI!

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

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

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

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