WordPress divi主题

为 Divi 引入新的可拖动大小和间距控件

| 5月 13, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

google广告开户

今天我们介绍 Divi 的 Draggable Sizing。 这种新的 UI 创新允许您轻松快速地调整任何模块、行或部分的宽度、高度、边距和填充。 您不必打开设置面板并手动输入大小值,而是可以拖动以调整页面上的元素并立即查看结果。 它快速、简单,并且真正利用 Divi 的 Visual Builder 技术来提供最佳的构建体验。

可拖动的宽度和高度

在 Divi 中调整大小现在很简单,只需添加一些细微的 UI 改进,为所有易于使用的元素添加小的可拖动锚点,同时在构建时不会妨碍您。 要调整任何模块、行或部分的宽度或高度,只需将鼠标悬停在元素四个边的任何一个边缘上,然后向任一方向拖动即可。

您还将在所有 Divi 元素的 Sizing 选项组中找到新的宽度、高度、最大宽度和最大高度设置。 这些伴随着可见性选项组中的新溢出设置,可用于确定溢出您设置的静态宽度或高度的内容的可见性。 当涉及到页面元素的大小以及每个元素的大小如何随着其内部内容的增加而变化时,这些新的高度和宽度选项为您提供了更广泛的灵活性。 它们还允许您使用宽度和最大宽度值的混合创建更直观的响应式设计。

可拖动的边距和填充

您还可以快速拖动以调整任何模块、行或部分的顶部、底部、左侧或右侧填充和边距值。 由于添加了有用的可拖动锚点,当您靠近元素边缘时,您甚至可以拖动以添加新的边距和填充值。 要将填充添加到元素的内部,只需将鼠标悬停在任何内部边缘上,然后拖动锚点以增加或减少该边的填充。 要将边距添加到元素的外部,请将鼠标悬停在外部边缘并相应地拖动锚点。 您甚至可以拖动以添加负边距以创建很酷的重叠效果并打破其柱网格之外的元素。

新的宽度、高度和溢出控件

新的可拖动宽度和高度界面伴随着所有模块、行和部分的设置面板中的一系列新宽度、高度和溢出控件。 您可以在 设计 > 尺寸高级 > 可见性 面板。 这些设置允许您在页面中创建剪贴蒙版和可滚动框。 新设置包括:

  • 高度
  • 最小高度
  • 最大宽度
  • 最小宽度
  • 水平溢出
  • 垂直溢出

用负边距打破网格

WordPress divi主题

可拖动的大小界面不仅使您的页面设计更容易,它还允许您使用负边距和静态宽度做一些新的和创造性的事情。 负边距可用于向任何方向拉动元素,让您可以将它们从父容器中释放出来并创建有趣的重叠效果。 静态宽度还允许您将元素从其父列的刚性结构中解脱出来。

新的 Draggable Sizing 功能不仅添加了许多非常有用的新设置,它还扩展了 Visual Builders 的特性,作为 WYSIWYG 工具,帮助您的网站构建体验更加愉快。 Draggable Sizing 现已推出,因此请下载 Divi 并试一试。 请在评论中告诉我们您的想法,别忘了下周回来查看更多精彩的 Divi 功能。

独立站选品工具
5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题