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

Контроль ширины, высоты и расстояния каждого элемента

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

Регулируемая ширина и высота

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

Вы также найдете новые настройки «Ширина», «Высота», «Максимальная ширина» и «Максимальная высота» в группе параметров «Размер всех элементов Divi». Те, которые переполняют определенную вами статическую ширину или высоту. Эти новые параметры высоты и ширины дают вам большую гибкость в выборе размера элементов на вашей странице и изменении размера каждого элемента при его изменении. содержание внутренние увеличения. Это также позволяет создавать более адаптивный дизайн интуитивно понятным способом, используя сочетание значений ширины и максимальной ширины, а также новые настройки переполнения в группе параметров «Видимость», которые можно использовать для определения видимости содержание

Регулируемая маржа и отступы

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

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

Новые элементы управления шириной, высотой и переполнением

Новый перетаскиваемый интерфейс ширины и высоты сопровождается рядом новых элементов управления шириной, высотой и переполнением на панелях настроек всех модулей, строк и разделов. Вы можете найти эти новые параметры на панелях Дизайн> Размеры et Дополнительно> Видимость . Эти настройки позволяют создавать обтравочные маски и прокручиваемые области на странице. Новые настройки включают:

  • размер
  • Минимальная высота
  • Максимальная ширина
  • Минимальная ширина
  • Горизонтальное переполнение
  • Вертикальное переполнение

Уникальный дизайн с отрицательной наценкой

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

Новая функция изменения размера с помощью перетаскивания не только добавляет действительно полезный набор новых параметров, но и расширяет возможности Visual Builders как инструмента WYSIWYG (что видишь, то и получаешь), чтобы сделать процесс сборки более удобным. Веб-сайт еще приятнее. Настраиваемая калибровка доступна уже сегодня, так что скачайте Divi и попробуйте. Дайте нам знать, что вы думаете в комментариях, и обязательно вернитесь на следующей неделе, чтобы узнать еще больше о замечательных функциях Divi.