Divi 5 5月进度更新：预览Divi 5的速度

已发表: 2023-06-02

我们正在进行一个巨大的项目，Divi 5，我喜欢每个月向社区更新我们的进展情况。 上个月，我们深入研究了 Divi 5 beta 计划的五个阶段，以更好地了解我们如何以对 Divi 用户最有利的方式处理这样一个大项目。 我们正处于第 1 阶段，Dev Alpha，我们越来越接近启动 Dev Beta，届时新的 Divi 5 API 将得到巩固。 在我们努力于今年晚些时候首次公开发布的同时，我们将邀请更多开发人员加入该计划。

在本月的更新中，我们将讨论我们对 Divi 5 所做的更新。我还将向您展示 Divi 5 的速度有多快，然后我将让您先睹为快我们即将推出的 Divi AI 功能！ 让我们深入挖掘。

我们本月取得的成就

这个月我们做了很多事情！ 随着我们越来越接近我们的第一个公开版本，我们正在一个接一个地填写许多小东西，其中 UI 将需要完善，并且需要完成一组可靠的 Divi 功能。 我们处理了部分分隔符、背景视频、条件选项、响应式内容并修复了一些错误。

我们的大部分工作都集中在巩固 Divi 5 API，这就是 Dev Beta 版本的目的。 这里的总趋势是我们正在建立一个基础，使我们的团队和开发社区更容易创建出色的 Divi 模块和功能。 我们需要把这部分做好，这样其他的一切都会按照我们的意愿进行。

我们致力于统一和简化 Divi 5 的新 REST API。 我们完成了几个新功能及其实现，旨在显着减少创建 Divi 模块所需的时间。 同样，我们在基础层面投入了额外的工作，这样 Divi 5 项目的其余部分就会更快，我们在 Divi 5 之后添加的所有模块和功能也会更快地开发。

我们还重构了 Divi 的短代码转换方法，这将在向后兼容方面发挥重要作用。

如果您对更详细的信息感兴趣，这里是最新的变更日志条目：

Divi 5.0.0-dev-alpha.4

  • 修复 Shortcode 模块设置模式中背景字段的渲染
  • 使用正则表达式模式条件修复短代码模块设置字段可见性。
  • 添加了 Section Dividers 选项的前端渲染。
  • 修复了具有多个选择器的模块选项的悬停选项在视觉构建器和前端中无法正常工作的问题。
  • 重构 @divi/scripts 包并添加测试
  • 将类型包发布到 npm 以准备向公众发布

Divi 5.0.0-dev-alpha.5

  • 允许 Shortcode 模块在上一个请求自动中止时发送另一个请求。
  • 当前短代码模块为粘性时呈现粘性选项按钮。
  • 当前短代码模块位于粘性模块内时呈现粘性选项按钮。
  • 删除了未使用的默认值 Record<number, string | 在简码模块中记录 <string, string>> 类型。
  • 修复了在单个产品页面上显示的不正确的 Woo Shortcode 模块元素。 受影响的短代码模块：Woo 产品通知、Woo 产品图片、Woo 添加到购物车、Woo 产品库存、Woo 产品价格、Woo 相关产品、Woo 产品追加销售和 Woo 产品。
  • 将 Unsupported 模块连同模块 slug、REST API 路由、标签、测试用例和故事书一起重命名为 Shortcode 模块。
  • 在模块背景选项中添加了背景视频字段。
  • 在没有 REST API 调用的情况下重构 Visual Builder 中背景视频的渲染。
  • 在前端添加了背景视频模块选项的渲染。
  • 添加了 ScriptData 以在前端初始化背景视频。
  • 添加了对粘滞状态下背景视频模块选项的支持。
  • 更新了模块选项中分隔符字段的可见性，以在未选择分隔符样式时隐藏其他选项。
  • 更新了模块选项中分隔线水平重复设置的可见性，以隐藏明确拒绝重复的分隔线样式选项。
  • 更新了模块选项中分隔线排列设置的可见性，以隐藏在全宽部分设置中（其中仅允许默认值“下方”）。
  • 更新了模块选项中的分隔线样式字段预览，以反映当前应用于分隔线的任何水平和/或垂直翻转。
  • 更新了模块选项中的分隔线高度字段，以允许在默认像素（“px”）单位之外保存百分比（“%”）值。
  • 更新了 Module Options 中的 Divider Horizo​​ntal Repeat 设置，仅接受正数值（“1x”或更高）。
  • 添加了条件选项基础，包括作者、登录和用户角色的初始条件，其余条件将在未来版本中逐步添加。
  • 添加了 ElementComponents 组件，相当于 <ElementStyle /> 但用于渲染的 HTML 元素。
  • 添加了 elementClassnames() 函数，相当于 <ElementStyle /> 但用于输出类名的函数。
  • 修复了字体标题级别错误。
  • 修复了投资组合模块中触发的 PHP 警告。
  • 正确的 REST 权限回调已添加到所有已注册的 REST 路由。
  • 引入了一个新的 RoleEditor 类来确定 Divi 角色，包括测试从 D4 重构到 D5 的功能。
  • .sendRequest() 功能，例如自动添加 ET 和 WP 随机数以及流响应支持，已添加到 fetch()。
  • fetch() 已被完全重构以获得更好的可维护性和可扩展性，允许引入新的和复杂的条件和功能，例如 .sendRequest() 的选项。
  • 所有 REST API 调用 fetch()、loggedFetch() 和 .sendRequest() 已统一，现在只使用 loggedFetch()。
  • 重构模块的转换机制。

Divi 5.0.0-dev-alpha.6

  • 改进并简化了 REST API 注册、逻辑、模式和测试。 将 divi/ajax 包重命名为 divi/rest 包。
  • 为内联文本编辑器添加了 InlineTextEditorContainer 和 InlineTextEditor 组件。
  • 为内联文本编辑器添加了 onBlur、onClick、onDoubleClick、onKeyDown、onKeyUp、onMouseDown 和 onMouseUp 处理程序。
  • 添加了一种保存机制来更新内联文本编辑器字段中的属性值。
  • 添加事件处理程序以激活和停用内联文本编辑器的编辑模式。
  • 添加了基于激活/停用和其他状态（如 __empty、__editing、__html）的类名。
  • 为内联文本编辑器添加了 CSS/内联样式。
  • 重构 WindowEventEmitterInstance 以添加 mousedown 事件侦听器。
  • 引入了响应式内容 PHP 帮助程序。
  • 引入了响应式内容 JS 帮助程序。
  • 在 FE 脚本中添加了响应式内容功能。
  • 在 Team Member 模块的 Name、Position、Image 和 Content 元素中添加了响应式内容实现
  • 在条形计数器模块的使用百分比、百分比和标题元素中添加了响应式内容实现
  • 在 Button 模块的 Button Text 元素中添加了响应式内容实现。
  • 在 Toggle 模块的 Title 和 Content 元素中添加了响应式内容实现。
  • 在 Text 模块的 Text Inner 元素中添加了响应式内容实现。
  • 在倒数计时器模块的标题元素中添加了响应式内容实现。
  • 在音频模块的标题、图像、艺术家姓名和专辑名称元素中添加了响应式内容实现。
  • 在 Code 模块的 Content 元素中添加了响应式内容实现。
  • 在 CTA 模块的标题、内容和按钮元素中添加了响应式内容实现。
  • 在图像模块中添加了响应式内容实现。
  • 在 Circle Counter 模块的 Title 元素中添加了响应式内容实现。
  • 在 Number Counter 模块的 Title 元素中添加了响应式内容实现。
  • 在选项卡模块的标题和内容元素中添加了响应式内容实现。
  • 在登录模块的标题和内容元素中添加了响应式内容实现。
  • 在 Divider 模块的 Show Divider 选项中添加了响应式内容实现。
  • 在全角标题模块的标题、副标题、内容、徽标图像、标题图像、按钮一文本和按钮二文本元素中添加了响应式内容实现。
  • 在 Fullwidth Image 模块中添加了响应式内容实现。
  • 在 Portfolio 模块的 Title 和 Content 元素中添加了响应式内容实现。
  • 将与 Shortcode 模块相关的代码重新定位到 Shortcode Module 包。
  • 在 ElementStyle 组件上添加字体标题样式渲染器。

Divi 5的速度

在我们结束今天的帖子之前，我想讨论一下速度。 如您所知，我们不打算向 Divi 5 添加许多（如果有的话）新功能。但是，这个新版本将带来的最重要的变化之一是速度的大幅提高，尤其是在 Visual Builder 中，我们都在那里度过了很多时间。

尽管 Divi 5 UI 尚未完成，并且构建器缺少功能，但我仍然想让您先睹为快，了解我一直在谈论的性能差异。 所以请不要对这个视频中的内容做出判断，它会发生变化，而只关注交互的速度！

当元素悬停在页面上时，您会立即注意到所有内容都会立即出现。 打开设置弹出窗口同样快速，调整设计设置也是如此。 这是全面的昼夜差异。 此外，页面变得有多大和多复杂并不重要。 Visual Builder 可以处理它，而且速度很快。

在 Divi 4 中不可能达到这种速度水平，这也是 Divi 5 重新架构如此重要的原因之一。

即将推出：Divi AI

这就是本月 Divi 5 更新的全部内容。 不过，我确实为您准备了另一则预告片。 虽然几乎我们整个团队都专注于 Divi 5，但我们仍有一小部分人致力于 Divi 4 的功能，这些功能不会影响 Divi 5 的开发，而现在，我们正在做一些非常令人兴奋的事情。

它称为 Divi AI，它利用大型语言模型帮助您在构建器内为您的 Divi 网站创建内容，例如文本和图像！ 由于它已集成到 Divi 中，我们可以教授有关构建器和您的网站的知识，以帮助它以有意义且非常直观的方式创建或改进您的内容。

查看今天的 Youtube 视频，先睹为快 Divi AI。

敬请期待更多的更新

这就是我们 5 月进度报告的全部内容。 如果您有任何问题，请务必发表评论。 敬请期待下个月的更新，我们下期再见！