Divi 5 Public Alpha 19：新功能，修复和改进

已发表: 2025-07-18

Divi 5公共alpha可在新网站上使用。如果使用Divi 5，您会注意到公共Alpha版本19的更新通知。我们每两周发布新的Divi 5版本，每次都会变得更好。如果您尚未测试Divi 5，请尝试一下，让我们知道您的想法。

目录
  • 1公共alpha 19中有什么新功能？
  • 2个错误修复和改进
  • 3个功能进度
    • 3.1 Flexbox布局
    • 3.2相互作用
    • 3.3改进的向后兼容性
    • 3.4相对颜色带有HSL支持
    • 3.5查找并更换
    • 3.6循环构建器
    • 3.7 WooCommerce模块
  • 4个变形值
  • 5 Divi 5发布时间表
    • 5.1 Beta什么时候准备好？
    • 5.2 Divi 5何时“正式”发布？
  • 6今天跳入Divi 5

公共alpha 19中有什么新功能？

我没有发布公共Alpha 17和18的帖子，因此我将介绍从那以后发生的一切变化。

我们实施了121个错误修复和改进，包括五个新功能，包括Flexbox布局，交互，改进的向后兼容性，相对颜色和查找和更换，并在两个即将到来的功能上取得了重大进展。

错误修复和改进

关于错误修复，几乎每个团队都完成了自己的功能，现在专注于修复错误，以准备即将到来的公共Beta。您可以期望错误修复在下个月内增加，重点是测试和解决与迁移相关的问题。除了所有的小错误修复外，公共alpha 19还带来了一些较小的改进：

  1. 绩效的重大改进：您会注意到，在使用带有许多嵌套元素的大型复杂布局时，构建器的速度要快得多。即使我们引入了更多功能，我们也拒绝牺牲性能。
  2. 将元素添加到上方/下方选项：您将在右键单击菜单中找到新的选项，以在组件上方或下方添加元素。当使用微小的列和嵌套元素时，这非常有用，其中“ Plus Button”容易重叠。使用图层面板和右键单击，您不必担心针对悬挂按钮。一旦您熟悉使用键盘快捷键，右键单击，图层视图和面包屑，就可以使用左侧侧边栏中的图标关闭大多数。

当然，这些次要的改进不包括我们引入的所有重要功能，因此请继续阅读以了解这些功能！

功能进度

我们正在全速发展功能开发。我们有七支在Divi 5上全职工作的团队。这就是他们的工作。

  1. 团队：该团队修复了错误，并通过模块转换来帮助Divi Marketplace创建者。 Divi 5版本的许多流行产品即将完成，我们一直在博客上测试它们！
  2. 第二个团队：该团队正在研究Woo模块，这是Divi 5进入Beta的最终功能。他们接近完成第一批产品，涵盖了所有产品模块。
  3. 第三支球队：该团队完成了改善的向后兼容性，现在正在努力修复错误，以准备公开Beta。
  4. 团队第四：该团队完成了Flexbox布局，现在正在努力修复错误，以准备公开Beta。
  5. 第五队：该团队完成了相对的色彩，现在正在努力修复错误，以准备公开Beta。
  6. 第六团队：该团队正在研究循环构建器。它快要完成了，我们计划下周发布。
  7. 团队7：该团队完成了互动并找到和替换，现在正在努力修复错误，以准备公开Beta。

Flexbox布局

我们完成了此功能，并在Divi 5 Public Alpha 18.2中发布了它。

Divi 5的新Flexbox布局系统已经到了。这不是次要更新。它重塑了Divi，允许您构建任何布局结构，包括响应式布局故障，自定义模块排序，简单的垂直对齐和元素定位等等。没有任何石头毫不动摇，没有任何选择被遗忘了 - 我们做到了，这是最好的。

今天就尝试一下！

互动

我们完成了此功能，并在Divi 5 Public Alpha 18.1中发布了它。

交互是一个强大的系统，用于创建诸如弹出式和切换之类的交互式元素，以及基于创意卷轴和基于鼠标运动的效果。这不是弹出式建筑商；这是一个建筑商。创建触发器，分配效果，选择目标并将您的自定义互动栩栩如生。

今天就尝试一下！

改善了向后兼容性

我们完成了此功能，并在Divi 5 Public Alpha 18中发布了它。

我们一直在测试Divi市场中所有最畅销的产品，并改善Divi 5的向后兼容性系统，以便在时间到来时，每个人都可以升级。随着改进的向后兼容性更新，旧模块现在可以在添加模块面板中使用旧模块，并且比以前的功能要好得多。

今天就尝试一下！

HSL支持的相对颜色

我们完成了此功能，并在Divi 5 Public Alpha 17.1中发布了它。

Divi的色彩革命已经到来，将Divi定位为颜色管理和高级颜色系统的明确领导者。 Divi的彩色选择器已经完全重新设计，并且没有好转。使用HSL，您可以创建易于管理的数学上美丽，基于可变的颜色系统，从而革新网站上的颜色。

今天就尝试一下！

查找并替换

我们完成了此功能，并在Divi 5 Public Alpha 17中发布了它。

对于Divi Power用户来说，Find and替换是一种令人印象深刻的效率工具，它将加快您的工作流程，并在帮助旧网站采用Divi 5的新设计系统（例如变量）中发挥重要作用。右键单击任何字段，以在给定范围内查找并替换其值。这是一个简单的概念，但是男孩很有用，而且在大多数页面构建者中都找不到。

今天就尝试一下！

循环构建器

上个月，我们对Loop Builder进行了偷偷摸摸的偷看，它快要完成了。我们的目标是下周发布！

Divi的循环构建器背后的想法很简单：循环！您可以通过循环部分，行，列，组，模块和子元素来创建新的基于帖子的内容。

WooCommerce模块

我们的第一批WooCommerce产品模块几乎完成了，这将是循环构建器后发布的下一项功能。

ChangElog

这是公共Alpha 17中通过公共Alpha 19中实施的所有更改的列表。

  • 添加了一个新的开发人员教程系列并重新组织了动态内容文档，包括经过验证的指南，用于使用Divi 5中的挂钩在现有模块字段上启用动态内容。
  • 修复了ACF插件页面链接的问题，未显示前端中的正确URL。
  • 添加了子元素循环支持滑块，手风琴，选项卡，定价表和条形计数器模块。固定了视觉构建器的共同点的一致性，以确保在所有上下文中的准确项目计数。
  • 固定循环构建器对儿童模块的支持，确保视觉构建器和前端渲染之间的一致行为。
  • 在VB中未呈现带有前后值的循环动态内容。
  • 固定了带有旧文件夹名称的第三方Divi模块在“添加模块”对话框中正确出现在其指定类别下。
  • 修复了一个问题，其中循环动态内容字段显示了空白的内容，而不是Divi 5循环的模块中的前端上的实际发布数据。
  • 使用循环构建器时，ACF ACF中继器字段在前端正确呈现。
  • 固定循环位置系统允许在循环行模块中使用子模块的模块根据其配置位置显示特定帖子，从而实现适当的网格布局控制和目标内容放置。
  • 添加了对循环用户和循环术语动态内容选项的支持。
  • 改进的D5 WooCommerce模块系统具有增强的产品页面布局处理。
  • 改进了WooCommerce REST-API控制器和固定的WPunit测试，以正常工作。
  • 右键单击列元素时，请固定丢失的“删除列”选项查看上下文菜单。
  • 固定循环构建器术语查询以正确处理所有分类法的请求，而不是在未选择特定分类法时崩溃。
  • 修复了无法将自定义的最小值值应用于视觉构建器中的空列的问题。
  • 修复了添加模块模量中键盘导航期间发生的JavaScript错误。
  • 在启用页面上的循环功能时，修复了loop元素的帖子类型默认为“发布”，而不是“ page”。
  • 修复了WooCommerce产品价格模块前端测试，以确保在不同情况下执行一致且可靠的测试执行。
  • 修复了Woo产品标题模块如果启用VB的样式的问题。
  • 引入了一个用于第三方支持任务的新问题模板。
  • 增强循环系统，并具有全面的WooCommerce产品支持。
  • 设置桌面布局类型时，固定的布局Flex选项在平板电脑和电话断点上错误显示。
  • 在保存操作过程中，固定了性能问题，这些问题导致带有许多模块的大型布局上的滞后和崩溃。
  • 修复了问题，背景颜色在响应式断点之间切换时错误生成的“初始” CSS值，从而防止了适当的颜色继承。
  • 固定的颜色点不透明度交互和Spectrumrange背景显示在未设置颜色时正确默认为白色，为没有默认背景颜色的模块提供了更合乎逻辑的行为。
  • 修复了一个问题，即保存预设后，嵌套的全球颜色会丢失过滤器的格式。
  • 修复了使用自动摘录或完整内容时显示错误的内容的全width帖子滑块。
  • 修复了D5代码模块，其脚本和样式标签在前端页面加载上为非登录用户剥离。
  • 修复了由于不必要的迁移处理而在前端逃脱的代码内容中的代码内容。
  • 修复了代码模块显示原始代码而不是正确渲染的一个问题，而不是针对前端的非现场用户呈现。
  • 修复了在旧版列结构上更改flex行列结构时的JavaScript TypeError。
  • 引入了Divi的新基于Flexbox的布局系统。
  • 固定触点表格唯一的ID生成，以恢复Divi 4期间与第5个迁移期间与第三方插件的兼容性。
  • Visual Builder中WooCommerce产品图像模块的固定样式输出。
  • 固定样式输出，用于前端中的WooCommerce产品图像模块。
  • 修复了代码字段重置按钮的问题未正确重置该值。
  • 为WooCommerce产品标题模块添加了正确的FE内容，以取代占位符内容。
  • 为WooCommerce产品价格模块添加了正确的FE内容，以取代占位符内容。
  • 为WooCommerce产品库存模块添加了正确的FE内容，以取代占位符内容。
  • 为WooCommerce产品标题模块添加了正确的视觉构建器内容，以取代占位符内容。
  • 固定的彩色选择器预览显示不一致，其中CSS变量和十六进制颜色类型之间的切换将显示不正确的颜色预览。
  • 固定的CSS变量预览颜色选择器中的变量在“ Advance CSS”选项卡中声明。
  • 固定了视觉构建器中的循环位置，以允许根据其位置显示显示帖子，而不是跨列重复。
  • 为Divi 5迁移系统添加了综合测试覆盖范围，包括版本排序，流利的接口验证和执行订单验证 - 固定版本比较逻辑，用于正确处理最终释放版本。
  • 固定的嵌套全局颜色在使用滤镜和不透明度的复杂嵌套时，在背景模式和掩模中未正确显示。
  • 从主题选项接口中删除了不弃用的调色板设置，以简化用户体验。
  • 新的Backtickssniff，用于检测和防止通过Backticks执行Shell命令。
  • 固定边框半径同步在更改单个角变量时会错误重新启用。
  • 修复了彩色选择器预览更新和不透明度字段重置，以在彩色工作流程期间提供立即，一致的视觉反馈。
  • 修复了D5彩色拾取器的全局颜色列表视图中的未对准颜色值。
  • 添加了一个专用处理程序，用于克隆弹性列，并根据布局类型进行适当的结构管理和有条件调度。
  • 修复了Circle Counter模块彩色选择器未通过为可变分辨率添加缺少的动态内容支持而出现的。
  • 修复了快捷代码模块警告消息，以正确显示HTML格式，而不是将原始标记显示为文本。
  • 修复了单击动态内容图标没有关闭开放颜色选择器模式的问题。
  • 修复了Visual Builder的动态内容选项中的无限环路错误，控制台错误。
  • 通过Getter方法添加了用于迁移和公共访问迁移版本信息的自动分类。
  • 修复了在列布局组件中选择菜单定位，以确保在视口边界内进行适当的下拉放置。
  • 修复了列宽样式仅应用！在块布局中进行重要声明，从而改善了Flexbox布局行为。
  • 在响应式断点上，固定模块间距在响应式断点上使用适当的基于间隙的间距而不是相互冲突的边距。
  • 修复了尝试拖动交互项时发生的JavaScript错误。
  • 固定的丢失的默认间隙值占位符在Flexbox布局字段中，这使实际应用的差距值混淆了。
  • 修复了flex行中重复或删除列的重复或删除列错误地转换行结构，而不是保留预期的flex布局。
  • 修复了在撤消REDO操作期间未直观更新的自定义CSS字段。
  • 修复了一个问题，即在Divi 5可自定义的断点功能中，残疾断点仍在输出CSS样式。
  • 通过防止悬停元素在阻力操作过程中渲染，并添加了元素类型跟踪以提高拖放性能和用户体验，以增强视觉反馈。
  • 修复了循环构建器邮政类型选择输入字段的高度过多时，编辑主题构建器布局以提高视觉一致性。
  • 更新的Divi 5路线图。
  • 固定问题，当与WooCommerce产品POST类型一起使用时，全方位投资组合和相关投资组合模块将显示JavaScript错误和畸形的CSS类。
  • 当行具有Flex布局时，改进了变化的列结构。
  • 引入了互动，一种用于构建交互式元素和效果的新系统，包括弹出式，切换等等。
  • 修复了全局布局扩展错误，其中参考被转换为Gutenberg保存期间的完整内容。
  • 修复了GV文本中不允许新行的问题。
  • 在循环构建器中添加了高级帖子和分类过滤支持，并具有基于类别的选项和搜索功能的更新标签输入。
  • 修复了一个问题，其中选项组预设和模块在全球元素中预设最初没有显示其样式。
  • 修复了一个问题，即视觉构建器将在其slug中使用Unicode字符编辑页面时将其重定向到主页。
  • 固定文本模块字体重量和字体删除属性现在支持悬停。
  • 修复了父flex布局检测以使用零聚合操作员而不是显式isset（）检查以提高代码效率。
  • 修复了在边框半径上使用全局变量时未正确应用溢出的人模块的问题。
  • 修复了列列类下拉模态，显示空图中的空预览，而不是视觉构建器中的正确列宽度可视化。
  • 旧模块现在可以在添加模块面板中使用。
  • 修复了标题字段值为空时，修复了前端中的Blurb模块标题DOM打印问题。
  • 通过正确处理第三方D4扩展添加到模块中的自定义设置，改善向后兼容性。
  • 修复了动态内容设置模态在取消时不会恢复上一个值。
  • 重新出口并优化了与Flexbox相关的所有图标，删除了硬编码的SVG填充，添加了缺少的图标以及固定的图标对齐和转换逻辑。
  • 修复了全球预设CSS在再次出口和进口后变得无效的问题。
  • 修复了一个问题，其中删除和删除具有预设样式的模块导致预览中的预览设计选项卡样式消失了。
  • 修复了电话模拟器的初始宽度值在视觉构建器中与不匹配的问题。
  • 修复了空列缺少其CSS类的问题。
  • 改进了与Divi 4第三方扩展程序的向后兼容性，例如后来在WooCommerce_loaded上注册模块。
  • 新的Backtickssniff，用于检测和防止通过Backticks执行Shell命令。
  • 使用选项卡式的子点设置，第三方模块中的Divi 5中缺少“ undent”图标显示。
  • 修复了电子邮件Optin模块中的自定义字段功能，该功能阻止用户将自定义字段添加到其选择加入表单中。
  • 固定D4插件文本切换选项卡，显示D5 Visual Builder中的空白标签。
  • 固定图像模块边框半径溢出逻辑时使用全局变量，确保内容在前端边界的边界内保持正确的状态。
  • 修复了Divi-tivi-tivion-countdown插件兼容性问题，其中倒数计时器在D5中由于缺失的依赖性而显示为空。
  • 修复了一个问题，即在配置某些字段类型的条件时，联系表的条件逻辑功能将显示错误。
  • 迁移的WooCommerce默认/占位符模块的标记传递给了页面上的VB/TB。
  • 实施适用的模块属性默认值，以供产品，columnsnumber等，例如woocommerce模块属性。
  • 修复了动态内容“邮政/存档标题”显示占位符文本，而不是使用主题构建器布局时空的类别页面上的实际存档标题。
  • 修复了一个问题，其中可编辑内容内部的链接将远离视觉构建器，而不是激活内联编辑器。
  • 实施了基于PHP的系统来处理WooCommerce模块的动态默认属性。
  • 修复了Divi 5 Visual Builder中第三方模块的撤消/重做功能，其中撤消更改会错误地删除整个模块，而不是恢复单个更改。
  • 修复了查找和替换模式中的颜色字段作为文本输入而不是正确的颜色拾取器组件。
  • 固定的问题，其中在Divi 5迁移过程中删除了短代码模块。
  • 修复了一个问题，即在全球颜色迁移过程中全局布局不正确扩展，从而导致布局结构损坏，同时保留适当的全局颜色CSS变量转换。
  • 修复了颜色拾取器模态错误关闭的选项组预设编辑模式，而模块切换未正确退出预设编辑模式。
  • 修复了一个问题，其中悬停在模块上时，通过设置面板添加到文本模块将消失。
  • 固定的无单位全局变量未出现在z索引和其他无单位CSS属性字段中。
  • 在添加新的部分，行和列中，在Visual Builder中添加新的部分，行和列时，添加了支持。
  • 固定的丢失的构建器版本在Flexbox列结构中更改以进行适当的迁移支持。
  • 更新的行模块以支持新的基于Flexbox的列结构选择器和改进的网格数据处理。
  • 修复了在动态内容字段下拉中以随机顺序出现的全局数字。
  • 修复了主题构建器插入布局模式中布局卡标题上的过多间距。
  • 引入了相对颜色和HSL，包括一个新的颜色字段和彩色选择器。
  • 通过现场道具上的可见道具（布尔或功能），在页面设置模式中增加了对条件现场可见性的支持。
  • 修复了视觉构建器中的出口/进口模式可见性问题。
  • 在循环组设置中添加了对元查询过滤器的支持，从而实现了基于自定义字段的内容过滤。
  • 修复了从禁用插件上单击模块上的编辑按钮时，Visual Builder会崩溃。
  • 迁移的WooCommerce模块的标记传递给了页面加载的VB。
  • 添加了一个脚本命令，以简化为D5转换测试更新JSON文件的过程，从而确保更可靠和准确的模块转换。
  • 修复了WooCommerce Block模块检测，并将WooCommerce脚本加载功能移植到D5。
  • 改进的全局彩色选择器可以通过解释性工具提示显示残疾的圆形颜色参考，而不是完全隐藏它们。

Divi 5发布时间表

重要的是要注意，Divi 5已准备就绪，可在新网站上使用！由于Divi 5项目的范围，我们对其发布时间表采取了非传统方法，以五个阶段释放它。最终的目标是使Divi 5尽快使Divi 5尽快使尽可能多的人提供帮助。

我们处于α阶段，类似于“ Divi 5 Lite”。它缺少一些功能，但是准备好使用了。它几乎在各个方面都比Divi 4优越。如果您喜欢Divi 5，则可以使用它来构建新网站。

如果现有网站取决于尚未添加到Divi 5的功能，则应继续使用Divi 4。WooCommerce模块是唯一缺少的。即便如此，Divi 4的旧版WooCommerce模块仍将在Divi 5中以向后兼容模式使用。

Beta什么时候准备好？

我们的目标是根据我们的进度在约1.5个月内输入Beta； 2-3周来总结循环构建器和WOO模块，然后进行几周的重点修复。进入Beta阶段之前，我们要完成两件事，我们的大多数团队都专注于这些任务：

  1. 完整的WooCommerce模块支持- Divi的WooCommerce模块尚未转换为Divi 5格式。您可以在向后兼容模式下使用它们，但是您可能会遇到一些怪癖。我们正在通过每个Alpha版本积极开发WooCommerce模块。
  2. 迁移测试和抛光- 我们有多个团队致力于修复Alpha阶段中报告的错误，以确保Divi 5在正式发布之前是稳定的。接下来几个月的主要重点是将Divi 5迁移系统通过其步伐进行，并修复与迁移相关的错误。

Divi 5何时“正式”发布？

Divi 5将在年底之前达到其“最终形式”，其最终目标是在年底之前超越比赛。该目标的一部分涉及积极开发新功能作为功能交换的一部分。

但是别忘了！从现在开始，您可以在Divi 5成为您的首选体验时使用。我们没有急于最终版本，而是维护Divi 4和Divi 5，为用户提供了选择。

一旦我们有信心删除这种选择，我们将“正式”做出“正式”，每个人都会获得Divi 5升级通知。

今天跳入Divi 5

Divi 5 Public Alpha今天可用。尝试一下，让我们知道您的想法！

如果您找到错误，请向我们的团队报告它，我们将进行修复。我们将继续积极地添加新功能和地址反馈。

请继续关注每两周的新Divi 5版本。