Divi主题最新版本Divi 5功能详解

Divi主题正在快速推出新的Divi 5版本，版本内的每个功能都旨在提高性能，简化工作流程，并为网站搭建提供强大的设计功能。这篇文章将讨论Divi主题最新版本Divi 5功能，涵盖自定义设备尺寸、选项组预设、高级CSS单元、设计变量、嵌套行等方面，帮助WordPress外贸建站的商家了解Divi主题最新的功能支持，衡量是否选择Divi主题搭建独立站。

点击访问：Divi主题官网

Divi主题最新版本功能一：自定义设备尺寸

功能发布于2025年2月6日

Divi 5通过其可定制的设备尺寸提高了响应式设计的灵活性。大多数页面构建器只有三个标准视图，但Divi 5支持多达七个的设备尺寸，所有尺寸都可以设置自定义像素值。

相较于其他流行构建器，Divi主题为用户提供了更多的控制权，其他流行网站构建器通常是固定的设备尺寸，并提供有限的调整选项，但Divi主题Divi 5版本可以在设计中选择精确的屏幕宽度。

使用Divi 5，可以设置以下像素：

手机（<767px）
手机宽（<860px）-非常适合横向移动观看
平板电脑（<980px）
平板电脑宽（<1024px）-适用于较大的平板电脑和类似设备
桌面（>981px）
宽屏（>1280px）
超宽（>1440px）

Divi 5还引入了画布缩放，这是它与大多数其他构建器的不同之处。可以拖动画布的边缘设置所需的任何宽度以查看布局，而不是局限于在固定设备预览之间切换。

这种方法提供即时、真实的反馈，几乎就像直接在 Web 浏览器中工作一样。在设计比当前窗口更宽的尺寸时，画布会按比例进行调整，因此即使在较小的屏幕上，仍然可以准确地查看设计。

Divi主题最新版本功能二：选项组预设

功能发布于 2025 年 3 月 11 日

选项组预设是 Divi 5 中最令人兴奋的新功能之一。通常的元素预设是为特定元素设置样式，但 Divi 5选项组预设适用于任何元素类型。可以为特定的设计属性（如排版、边框、阴影或背景）创建可重用的样式，并在不同的元素中混合这些样式。

例如可以为标题样式创建一个预设，为按钮样式创建一个预设，为框阴影创建第三个预设。设置完成后，可以通过单击将这些样式应用于任何兼容的元素，无论是文本模块、简介、号召性用语，还是部分和行等部件。

当决定更改整个网站元素的边框大小时，无需查找每个按钮、图像和部分，只需编辑一次边框预设，使用该预设的每个元素都会自动更新。跨不同元素类型工作的能力使 Divi 5 的选项组预设非常有用，相同的边框样式可以应用于模块、列、行或部分。这种跨元素兼容性节省了数小时的重复型工作。

Divi主题最新版本功能三：高级CSS单元

功能发布于2025年3月19日

Divi主题改进了对CSS单元的处理，使响应式设计更容易。可以直接在构建器中访问当今网页设计所需的各种CSS单元，这意味着可以使用像素（px）、百分比（%）、ems（em）、根ems（rem）、视口单位（vw、vh、vmin、vmax），甚至更高级的选择，如字符宽度（ch）或分数单位（fr）。

这可能看起来像是一个小更新，但实际上它为构建响应式布局提供了更大的灵活性。使用视口等高级单位，可以将同一元素设置为80vw（视口宽度的80%），它将在所有设备上完美缩放。或者使用rem单位使文本与基本字体大小成比例，使辅助功能调整变得更加容易。

Divi主题最新版本功能四：设计变量

功能发布于2025年4月3日

大多数网站建设者都有设置全局颜色和字体的方法。Divi主题Divi 5版本同样采用了这个方法。不仅可以为颜色和字体创建变量，还可以为数字、图像、纯文本甚至链接创建变量。

大多数网站构建器允许设置一种在任何地方都会更新的原色，但是如果想在多个页面上更改电话号码？或者替换整个网站中的重复图像呢？Divi 5能够轻松应对这些情况，所有变量都位于Visual Builder侧栏中的一个简单面板中。

通过设计变量和预设（选项组预设和元素预设）的协同工作，可以形成可维护且可扩展的设计。也可以将设计变量与 calc（）和 clamp（）等 CSS 函数一起使用，以创建完美适应不同屏幕尺寸的响应式设计。为网站设置一个合适的间距变量，并将其应用于整个布局，以获得一致的比例和美观的缩放效果。

Divi主题最新版本功能五：嵌套行

功能发布于 2025 年 4 月 17 日

Divi主题版本5引入了嵌套行，可以更好地控制布局。此添加允许在列内放置行，从而创建复杂的布局，这在以前的版本中没有自定义代码是不可能实现的。使用嵌套行，可以毫不费力地构建高级网格布局、杂志式内容块和基于卡片的设计。需要一个包含其多列布局的部分？现在可以直接在构建器中执行此操作。

选择一个部分，单击加号按钮，然后从选项中选择“行”，此时就可以添加一行以创建嵌套行并用内容填充它。这个看似简单的更改但是却开启了许多设计得可能性，可以创建具有自己的列结构的侧边栏构件，使用嵌套库构建产品展示，或设计具有复杂布局的功能比较表。

Divi主题最新版本功能六：模块组

功能发布于 2025 年 5 月 1 日

构建网站通常意味着重复创建相同的内容模式。设计了一张完美的团队成员卡，然后再花 20 分钟重新创建它。Module Groups 通过允许将相关元素打包成可重用的单元来解决此问题。不是单独处理每个部分，而是使用完整的块。产品卡成为可移动的一件事，而不是必须单独选择的六个不同的模块。

当需要调整 50 张产品卡之间的间距时，只需更新一次组模板，而不是手动编辑每张卡。拥有数十名团队成员、产品目录或服务列表的客户项目变得易于管理，商可以不再在做重复的组装工作，而是专注于网站内容和微调。

Divi主题最新版本功能七：属性管理器

功能发布于2025 年 5 月 16 日

已在 Call to Action 模块中设置按钮样式，颜色有效，悬停效果也看起来不错。现在如果希望在联系表单上使用相同的按钮样式，但不需要 CTA 的标题或背景，常规的复制粘贴在这里不起作用，因为商家会得到所有东西，或者什么都没有。

Divi主题Divi 5 的 Attribute Management 功能让商家只右键单击 CTA，选择要复制的内容，然后仅将这些按钮样式粘贴到 Contact Form 上，即可完成按钮样式的设置。

Divi 5将每个元素拆分为不同类型的属性，可以选择要复制的内容：

All Attributes：复制所有内容
设计属性：颜色、间距、预设，但没有文本或图像
样式属性：仅自定义更改
内容属性：仅限文本和图像
预设：仅限预设分配

Divi主题最新版本功能八：设置搜索和过滤

功能发布于 2025 年 5 月 29 日

构建网站意味着调整设置。Divi主题模块在其面板中包含数十个选项，在选项卡中寻找一个色域可能会花费商家的一天时间。在Divi主题版本5当中，可以在每个设置面板顶部看到一个搜索栏，输入需要的内容，Divi主题仅显示与之匹配的选项。这消除了会减慢商家工作速度的点击和滚动，商家可以在几秒钟内找到需要的东西，而不是通过打开标签页和搜索组来寻找相关内容。