Divi 5 即将发布：页面构建器的下一次进化[更至v5.1.1]

Divi 是 WordPress 生态中知名的可视化页面构建器，其下一代版本 Divi 5 正在开发中。新版本带来了设计系统的全面升级，涵盖样式预设、全局变量、动态内容、交互功能等多个维度。本文整理了 Divi 5 的核心新特性，供主题选型和技术评估参考。

设计系统与全局变量

Divi 5 引入了基于类（class）的预设样式功能。用户可以为常见样式创建预设，并将其应用到网站各处——修改预设时，整个网站的对应样式会自动更新，大幅提升维护效率。

同时，Divi 5 支持定义全局颜色、数字、图片等变量，实现网站级别的设计一致性。

动态内容与模板控制

新版本强化了动态内容能力，可直接调用网站数据库中的实时内容，让页面真正”活”起来。

在模板层面，用户可通过自定义模板控制全站页面，包括全局页眉、页脚、页面布局以及电商模板，实现网站风格的统一管理。

样式检查与批量管理

Divi Inspector 是新推出的样式检查工具。它能够聚合选中元素中的颜色、字体、预设等信息，帮助用户快速执行批量修改、排查遗漏值，或查看页面样式的整体概况。

交互与画布功能

Divi 5 支持高级交互功能，可通过无代码方式创建沉浸式体验，包括动画触发、动态行为、显隐切换等。

画布（Canvas）是一类独立于主文章内容的工作区，可用于暂存设计更新草案、组织离屏组件，或作为自由实验的沙盒。

色彩系统与样式精细控制

Divi 5 在色彩管理方面做了显著增强：支持创建具有多层关联关系的全局变量，并可动态调整色相、饱和度和亮度。

高级属性控制引入了复制/粘贴、查找/替换、重置/扩展等功能，显著提升样式编辑效率。

此外，输入字段支持 CSS 单位、全局变量和数学函数，可实现精确的尺寸和定位控制。

响应式断点与命令中心

Divi 5 内置七个可自定义的响应式断点，用户可按需启用和调整，确保网站在各类设备上均有良好呈现。

命令中心（Command Center）是全新的效率工具，支持快速执行添加元素、页面导航、跳转设置、打开面板等操作，无需鼠标或记忆复杂快捷键。

相关说明

• Divi 5 目前仍在开发中，部分功能细节可能随版本迭代调整
• Divi 主题由 Elegant Themes 开发，支持 WordPress 多站点配置