Divi 5如何燃烧小径（仍在Alpha时）

Divi 5毫无疑问地成形。自从我们推出Divi 5（可自定义的断点）的首个新功能以来，已经四个月了，从那时起，我们取得了稳定而令人印象深刻的进步。在这四个月中，我们发布了Divi 5的其他七个开创性功能。这表明我们在对Divi Code Base的全面大修中创造了强大的基础。

而且我们才刚刚开始。让我们广泛看一下Divi与其他WordPress主题和页面构建者的比较。如前所述，在接下来的几个月中，我们仍然有很多渠道，但是值得花一些时间来感谢Divi 5所在的位置并将其与其他解决方案进行比较。这不是360度比较，而是一项更一般的调查。

注意： Divi 5已准备好在新网站上使用，但我们不建议将现有网站转换为Divi 5。

Divi复出的进步

2025年是Divi 5年。我们正在竭尽所能来建立WordPress上最佳的网站建设体验。

这始于引擎盖下的根本变化，现在正在实现新的设计系统和支持功能。

1。重构和现代代码库

Divi 5没有通过快速修复和更新的拼布到达。重新设计了每个模块，设置和交互，以支持一种新的架构，该建筑更加清洁，更快，可扩展。

相比之下，氧气暂停了几个月的开发，后来推出了一个新的建筑商，没有现有氧气位点的升级路径。如果您投资了他们的旧产品，则被迫在他们的新框架上重建或为安全更新（或完全切换到其他建筑商）。

氧V4与新公布的V6不兼容

Divi 5不同。在为未来创造基础的同时，我们一直将重点兼容。

较小的团队正在开发新的平台或维护旧平台，但是随着时间的流逝，它们如何发展。像Builderius或Etch这样的平台具有五颜六色的宣言，但尚未寿命证明。 WPBakery仍然在一个旧的基础上运行，每年都会出现一系列功能，而他们建立了一个单独的，不兼容的网站构建器。

Block Editor承诺了WordPress设计的新时代，但对开发人员进行了重大满足。大多数站点所有者仍然发现它限制和复杂，因此他们用插件补充了它以使其可行。

这些只是一些插件，更不用说更多补充主题了

由于优雅的主题具有一支稳定的稳定团队，并具有十年的往绩，因此您不会押注蒸发软件或实验产品。

2。WordPress的最佳预设系统

大多数设计系统仅使用选择性全局样式或主题。 Divi 5支持自定义CSS和本机设计变量，但也具有广泛的预设系统，包括选项组和元素预设。

选项组在具有类似设置组的元素之间预设工作。例如，这是使您的标题，间距，尺寸和边界半径的一致性的好方法。

元素预设与Divi相比已经很长时间了，让您轻松地将设计应用于各种情况下使用的相同模块。其他建筑商可能会提供全球样式，但是Divi 5通过让您以合并的方式创建和重复使用设置组来进一步。这是一个大规模的生产率升级，在很大程度上是Divi独有的。

3。设计变量

关于设计变量有两件重要的知识：

1. 设计变量与CSS变量相似，使您可以在UI中存储可重复使用的值。
2. 设计变量超出了典型的CSS变量可以处理的内容，还包括内容（想想图像，URL和文本字符串）

砖块支持颜色和间距令牌，但Divi的变量越来越深。他们让您将诸如呼叫式文本，图像甚至特定URL之类的内容定义为变量，并在任何地方重复使用它们。

Elementor，WPBakery和Block编辑器不提供全系统范围的变量。当然，Divi具有此功能，还可以让您在合适的情况下使用CSS变量。

4.能够使用所有CSS单元

没有更多的基本单位限制。 Divi 5接受任何有效的CSS单元，包括大众，REM，Fit-Content，Clamp（）和Calc（）。您甚至可以使用可以通过自定义CSS添加的CSS变量。

即使在变量管理器中，也可以在整个编辑器中使用高级CSS单元和功能

Divi 5支持所有现代CSS单元，包括clamp（），calc（）和无单位值。这使设计人员可以控制流体布局，可扩展类型和响应间距，并使用他们舒适的CSS单元进行响应的间距。

5。基础飞轮

Divi 5的新建筑的最佳回报证明是什么？我们发布了新功能的速度。是的，我们在上面显示的功能（以及此点以下的某些功能）是极好的补充，但是它们在总体上令人印象深刻的是它们的创建很快。

短短三个月内发行了七个主要功能。这是故意飞轮效应的结果。

步伐：每12.3天每12.3天都有一个新的和主要的Divi 5功能！

其他建筑商通常需要几个月的时间才能发布类似的功能，因为他们的系统在每一步中都与之抗争。他们试图在沙子上建造摩天大楼。

相比之下，Divi 5经过设计以增长和扩展。我们竭尽所能，将其现代化并无所畏惧地添加到它上，因此它是在WordPress上建造的最好的东西。一旦Divi 5击中了公共Beta，我们就不会追求竞争，而是创建新的标准供所有人遵循。

6。令人难以置信的速度

在Divi 5中，构建器的响应速度更快，您的更改渲染更快，并且大页面不会滞后。为什么？我们重建了所有内容，以便只加载所需的东西。新引擎使用智能代码拆分和优化的模块逻辑，该逻辑可从方程式中删除冗余脚本。它还处理最佳实践的每一次互动，以避免更新或循环依赖性的链条。

Elementor的编辑器很慢，即使您处于帆布模式（编辑器中没有标头或页脚），也可以感觉到它。

Divi的表现要好得多。请注意，您可以多快地复制构建器内部的任何元素。

每一个新功能都经过严格测试，以确定编辑器和前端的速度。打开模块或拖动部分时，您会感觉到它。界面非常活泼，更改立即发生。

我们甚至删除了我们心爱但缓慢的动画，因此您不必进行点击，等待，加载周期。

7。一个实际感觉现代的视觉构建器

超出速度，您会注意到氛围立即不同。 Divi 5的新界面不与您战斗。默认情况下将面板停靠；您可以根据需要将它们弹出。您可以使用深色/灯光模式和自定义重音颜色自定义UI。这是一个新的设计时代的新专业UI。

一切都很容易阅读。这听起来像是一个小升级，但是在狭窄的界面上花费数小时设计的任何人都知道这有多少重要。

图层视图和X射线切换可帮助您在视觉上复杂的页面中理解设计。

线框视图，即Divi Classic，可让您从严格的布局透视图中查看页面，而无需呈现设计细节。

8。可自定义的断点

现在，您有七个。所有七个都是可自定义的，这意味着您可以为每个断点自定义屏幕尺寸。您可以将这些设置为传统的断点值，也可以采用设计优先的方法并自定义它们以满足网站流量和设计的需求。

真正的优势？它们集成到编辑器中，很容易访问。您无需留下流量或深入到深处的三个菜单即可使用它们以使用它们。您可以直接在画布上测试和调整特定于断点的样式。

这不是革命性的，但对设计师来说更加顺畅，更直接和更友好。与WPBakery或本机块编辑器不同，Divi 5可以完全控制响应式断点，而无需触摸一系列代码。

我们还没有完成（但我们已经取得了成功）

Divi 5不是海岸。这正在加速。它还不是完整的，但是我们已经在做到这一点，因此Divi可以赶上比赛并超越比赛。现有站点可能希望在更新之前等待公共测试版，但是随着我们的迁移系统开始完美处理第三方模块等的向后兼容性，我们会通知您。

我们已经重建了整个过程，消除了过去的限制，每隔几周就会发出一项新功能，并且刚刚开始。这是接下来会发生的事情的瞥见：

Divi的颜色系统的新时代

Divi的颜色系统正在升级。

我们正在为基于HSL的颜色创建提供全力支持。这意味着可以在您的设计上以编程方式调整色调，饱和度和亮度值。您将能够创建相对的颜色（例如“原始颜色，轻约20％”），它们与您品牌的全球调色板完美同步。这是我们全球颜色管理和添加设计变量管理器的扩展，我们认为您会喜欢使用它。

带有弹性的布局

您很快就可以使用新的行模板，列控件，垂直对齐，包装和间距工具来设计您想象中的任何布局 - 全部由Flexbox供电。它将简化布局结构，消除对“专业部分”的需求，并为页面的每个部分带来新的灵活性。

将其与嵌套行相结合，您可以以更少的代码和更好的性能构建完全响应的，深刻的自定义布局。

Divi正在快速移动

我们已经启动了令人难以置信的新功能，提高了Divi的速度，并在现代灵活的编辑器中完成了所有功能。

现在，甲板上的HSL颜色和Flexbox（以及其他未经通知的功能），我们为设计师提供了他们一直在等待的工具。

注意： Divi 5已准备好在新网站上使用，但我们不建议将现有网站转换为Divi 5。