Divi 5 和远离短代码

我带着 Divi 5 的另一次更新回来了！ 如您所知，我们正在进行一个重新创建 Divi Builder 的大型项目，重点关注性能和可扩展性等基础改进。

我每个月都会快速更新，让社区了解我们的进展。 上个月，我宣布发布 Divi 5 Dev Beta，这是 Divi 5 发布之前的四个测试阶段中的第二个。随着 Dev Beta 的发布和 Divi 5 API 的完成，我们正在努力实现公共 Alpha 版，确保我们完成了足够的 Divi 核心功能，使第一个公共测试版本能够广泛使用。

这个月我们取得了什么成就

这个月我们完成了很多工作，完成了更多 Divi 模块的转换，例如 Accordion 模块、Social Follow 模块、Icon 模块、Search 模块和 Code 模块。 我们修复了更多错误，进行了更多改进，更新了更多文档，并继续迈向公共 Alpha 阶段。

以下是最新的 Divi 5 变更日志条目。

• 为 Divi 5 添加了地图和地图图钉模块
• 添加了 Divi 5 的定价表和定价表模块
• 为 Divi 5 添加了滑块和幻灯片模块
• 添加了 Divi 5 的视频模块
• 通过云应用程序将预制布局导入到视觉生成器中。
• 修复了动态内容按钮，使其也显示在填充的文本框中。
• 在模块设置模式中添加了嵌套选项组的 UI 增强功能。
• 从键入的 ts 文件生成 module.json 以确保模块元数据属性值得到验证。
• 更新了 PHP 快照测试
• 修复了当子主题处于活动状态时阻止 Divi 样式表在生成器中加载的错误。
• 修复了退出视觉生成器的投资组合链接。
• 修复了重置自定义悬停图像会导致 FE 发生冲突的问题。
• 修复了帮助模式大小问题：取消帮助模式会导致其显示大于原始大小。
• 修复了 Divider 模块的默认权重。
• 修复了 Blurb 模块的图标默认大小。
• 默认情况下，将 CTA 和登录按钮边框和文本颜色更新为空。
• 将 elementType imageLink 引入 ModuleElements 类，用于呈现链接的图像元素。
• 将 elementType 包装器引入到 ModuleElements 类中，用于呈现包装器元素。
• 将 elementType 图像引入到用于渲染图像元素的 ModuleElements 类中。
• 修复了代码模块 D4 和 D5 之间的 HTML 差异。
• 为 Divi 5 添加了手风琴和手风琴项目模块
• 为 Divi 5 添加了社交媒体和社交媒体项目模块
• 添加了 Divi 5 的图标模块
• 添加了 Divi 5 的搜索模块
• 为 Divi 5 添加了全角代码模块
• 为 Divi 5 PHP Action 和 Filter Hooks 创建文档生成器。
• 更新了 PHP 操作挂钩文档声明。
• 更新了 PHP 过滤器挂钩文档声明。
• 更新了 PHP API 的文档。
• 为模块设置和一般模式添加了 UI 增强功能。
• 更新了教程以纳入模块开发的最新改进。
• 添加了新的字段库组件：警告
• 重构“animationClassnames”实现
• 在“module.json”上为模块元数据添加了“moduleClassname”和“moduleOrderClassname”属性
• 添加了 `ModuleElement.scriptData()` 方法
• 添加了 `ModuleElement.styleComponents()` 方法
• 添加了激活增强 UI 的选项
• 修复了更改动画样式导致模块崩溃的问题。
• 修复了在状态选择器模式中未选择正确状态（台式机、平板电脑等）的问题。
• 修复了粘性选择器不正确的问题。
• 修复了文档站点中剩余的 defaultAttrs 和 defaultPrintedStyleAttrs 引用
• 修复了如果未明确声明字段道具，模块设置字段无法正确处理响应/悬停/粘性值的问题
• 修复了 Firefox 中页面设置栏按钮中的图标不居中的问题
• 修复了 Blurb 模块中将链接选项从 D4 导入到 D5 的问题。
• 修复了 CTA 模块中从 D4 到 D5 导入链接选项的问题。
• 修复了选项卡模块的内容面板中显示动态子项标题的问题。
• 固定的垂直和水平偏移不适用于全角标头模块中的相对位置。
• 在主题样式之后正确排列包样式
• 更新了开发测试版教程中使用的函数的文档页面

我们来谈谈短代码

我还想花点时间讨论 Divi 5 最重要的变化之一，即删除短代码并迁移到符合 WordPress 未来的更现代的存储格式。

为什么要放弃短代码？

Divi 5 放弃短代码有几个好处。 首先，随着越来越多的用户倾向于新编辑器，WordPress 将不可避免地弃用短代码，而我们希望保持领先地位。

短代码也有局限性，使得完成某些事情变得困难或不可能，例如无限嵌套的元素，并且它们还具有固有的问题，这些问题经常引起丑陋的注意，例如帖子内容中的特定字符破坏了短代码逻辑，这导致解决根本问题的过于复杂的解决方案。

短代码的性能也较低，因为解析它们可能需要复杂的正则表达式。 另一方面，我们的新存储格式更容易解析，这将导致性能的小幅提升。

最后，在离开 Divi 后，帖子内容中会残留短代码，这在 Divi 5 中将不再是问题。如果您使用 Divi 5 构建网站，然后切换到新主题或构建器，您将从空白开始，而不是在帖子内容中使用不需要的短代码。

如何在现有网站上迁移短代码？

为了进行此切换，我们需要以编程方式搜索您的网站并将短代码转换为新格式。 升级到 Divi 5 后，您将启动一个迁移过程来完成转换。 旧的 Divi 4 短代码仍然可以与 Divi 5 一起使用，但它们会带来性能成本，我们建议每个人迁移他们的网站并更新他们的第三方 Divi 模块，以便您的整个网站都使用 Divi 5 框架。

另一方面，如果您在 Divi 5 中构建新网站，则所有内容都将默认使用新框架。 库中的旧布局或从 Divi 4 导出的旧布局将在导入时自动转换为 Divi 5 格式。

敬请期待更多的更新

这就是本月 Divi 5 更新的全部内容。 在其他新闻中，我们将在未来几周内发布 Divi AI 的更新，该更新将允许您使用 AI 生成代码，从而比以往更轻松地自定义 Divi 及其模块。 对于那些喜欢摆脱 Divi 的设计设置并编写自己的 CSS 的人来说，我想您会发现此更新非常有用。

请继续关注，我们将在下次更新中见到您。 通过电子邮件关注我们并订阅我们的 YouTube 频道以获取所有最新消息。