Введение управления атрибутами для Divi 5

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

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

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

Вам может быть интересно, что все это значит, поэтому позвольте мне показать вам, как это работает.

Копировать, вставить и сбросить атрибуты с легкостью

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

Это значительное улучшение, особенно с учетом внимания Divi 5 к дизайну на основе предустановки.

Копирование атрибутов

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

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

Вставка атрибутов

Щелкните правой кнопкой мыши по любому элементу и проведите меню «Атрибуты Пасты», чтобы получить доступ к новым параметрам вставки Диви. В зависимости от того, какие типы атрибутов находятся в вашем буфер обмена, вы можете вставить разные категории атрибутов. Соответствующие атрибуты будут сопоставлены с целевым элементом, в то время как неподдерживаемые атрибуты будут игнорироваться.

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

Например, в видео ниже контент, стили и пресеты Brunbury приводятся к копированию атрибутов из модуля рекламы и использую опцию «Вставки All Attributes» в другом модуле Blurb.

Поскольку я скопировал все и вставил все, я по сути создал дублированный модуль, но это иллюстрирует, как работает система управления атрибутами!

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

Вставка селективных групповых атрибутов

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

Например, в видео ниже у меня есть предварительная установка кнопки в модуле «Вызов к действию», который я хотел бы использовать в новом модуле контакта.

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

Сброс атрибутов

Тот же уровень управления доступен при сбросе атрибутов, что позволяет быстро сбросить определенные типы атрибутов.

• Сбросить все атрибуты - сбросить все атрибуты, включая контент, пресеты и модифицированные стили.
• Сбросить атрибуты дизайна -сбросить все атрибуты, связанные с дизайном, включая пресеты и модифицированные стили.
• Сброс атрибутов стиля - сбросить только модифицированные стили.
• Сбросить атрибуты контента - сбросить только атрибуты контента.
• Сбросить предустановки - сбросить только пресеты.

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

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

Я могу избирательно сбросить только предварительную установку из группы опций кнопок через меню правой кнопки.

Атрибуты группы, вкладка и поля

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

Новые ярлыки клавиш

В довершение всего мы добавили сочетания клавиш для всех этих действий и всплыли ярлыки в меню правой кнопкой мыши для простоты использования.

Попробуйте Divi 5 сегодня

Управление атрибутами для Divi 5 доступно сегодня, и это одна из многих функций, которые появятся в Divi в этом году.

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

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

Мы хотим, чтобы вы попробовали это, и если вам это нравится, используйте его; Когда всем это нравится, мы сделаем это официальным.

Sneak Peek: относительные цвета с HSL

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

Если вы пропустили его, ознакомьтесь с функцией Sneak Peek на прошлой неделе, где я продемонстрировал относительные цвета с HSL.

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

Посмотрите это видео для всех деталей.

Больше обновлений Divi 5 в пути

2025 год - год Divi 5 . Утомительная работа позади нас. Мы построили супер-фанат, и теперь пришло время для Диви, чтобы вернуться.

Если вы здесь для возвращения Divi, дайте нам знать, понравится это видео.

В моем последнем объявлении о функции я попросил вас помочь нам победить наши все время, как рекорд 580 лайков, и мы сделали с 680 лайков! Как вы думаете, мы сможем победить это снова? Можем ли мы взломать 700 лайков за две недели?

Одолжить нам руку и нравится это видео; Это отличный способ помочь распространить информацию о новых функциях Divi 5 и сохранить импульс.

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