Divi 5 进展更新：探索 Divi 5 的可扩展性

已发表: 2023-07-07

我回来了，带来了另一个 Divi 5 进度更新。 如果您不熟悉 Divi 5，请查看我们最初的公告帖子。 简而言之，我们正在 Divi 5 中从头开始重新创建构建器，重点关注性能、稳定性、可扩展性和可扩展性。 它不会带来很多新功能，但它会更快、更强大，并且将为我们的团队和社区提供我们所需的工具，让我们能够通过出色的新模块和功能开始运行。

上个月，我进行了 Divi 5 Visual Builder 的演示，展示了其闪电般的速度，所以如果您错过了该视频，请务必观看。

我将在本月的更新中讨论 Divi 5 的可扩展性并进行快速演示。 但首先，我们来谈谈我们的团队在过去一个月里做了什么。

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

上个月我们取得了很大进展。 我们即将推出 Divi 5 Dev Beta，这是 Divi 5 Beta 计划的下一阶段，我希望在下一次更新中宣布它的发布。

在最后冲刺阶段，我们仍然专注于简化模块创建过程，以便社区和我们团队的创建者可以更快地构建 Divi 5 模块。 我们在此阶段所做的工作将在后续阶段中得到回报，最终目标是让您更快地获得 Divi 5。

变更日志条目：

  • 重构了所有当前构建的模块，以纳入新的和改进的基于元素的属性系统。
  • 在packages/module-utils中添加了saveInlineEditorValue Util函数来存储内联文本编辑器中的值
  • 在packages/module-utils中添加了canEditInline Util函数来检查模块属性是否可以内联编辑
  • 向内联文本编辑器添加了 onPaste 处理程序事件以处理剪贴板数据
  • 在生成器中用 data-* 选择器替换了内联文本编辑器基于事件的类名（例如：et-vb-editable-element–empty、et-vb-editable-element–html）。
  • 使用 data-* 选择器更新了内联文本编辑器的 CSS（例如：[data-et-vb-editable-element]）。
  • 更新了内联文本编辑器以检查模块是否可编辑以及用户是否具有适当的编辑权限
  • 重构键盘快捷键存储以在内联文本编辑器处于编辑模式时禁用快捷键
  • 为标题的音频模块添加了内联文本编辑器功能
  • 为标题的 Blurb 模块添加了内联文本编辑器功能
  • 添加了内联文本编辑器功能到标题栏计数器模块
  • 添加了内联文本编辑器功能到标题的圆形计数器模块
  • 添加了内联文本编辑器功能到代码模块代码 (HTML) 内容
  • 为标题的倒计时器模块添加了内联文本编辑器功能
  • 为标题和副标题的全角标题模块添加了内联文本编辑器功能
  • 向全角代码模块添加了内联文本编辑器功能，用于代码 (HTML) 内容
  • 添加了内联文本编辑器功能到标题的登录模块
  • 添加了内联文本编辑器功能到标题的计数器模块
  • 添加了内联文本编辑器功能到人员（团队成员）模块的姓名和职位
  • 向定价表模块添加了标题、副标题、货币、总和和频率的内联文本编辑器功能
  • 添加了内联文本编辑器功能到幻灯片标题的滑块模块
  • 添加了内联文本编辑器功能到选项卡标题的选项卡模块
  • 为作者、职位和公司名称的推荐模块添加了内联文本编辑器功能
  • 添加了内联文本编辑器功能以切换标题模块
  • 向模块管理标签的线框视图添加了内联文本编辑器功能
  • 更新了内联文本编辑器功能，以在使用空值编辑模块属性时设置默认文本（例如线框视图模式中的管理标签）
  • 添加了测试用例以确保内联文本编辑器的编辑模式不会为锁定模块激活
  • 添加了对所有使用内联文本编辑器的模块的测试，以确保其按预期工作。
  • 在生成器中添加了基本 InlineRichTextEditorContainer 和 InlineRichTextEditor 组件，用于富文本的内联编辑。
  • 引入了 ElementInnerContent 类，它是 MultiViewElement 类的简化版本。
  • 改进了 MultiViewScriptData 类。
  • 在响应式内容 FE 脚本中添加了自定义过滤器和挂钩。
  • 引入了 MultiViewElement 类。
  • 动态内容：新的动态内容值格式：“$variable(JSON_VALUE)$”。
  • 动态内容：为动态内容属性引入了新的属性转换功能。
  • 动态内容：在前端部分引入了初始动态内容渲染。
  • 处理动态内容值的新方法。 在将文档解析为块结构列表之前，动态内容值将在块解析器上进行处理。
  • 向后移植代码以根据字段名称和设置解析动态内容内置和自定义字段值。
  • 向后移植代码以根据不同条件生成动态内容内置字段和自定义字段。
  • 动态内容：在 VB 中引入了初始动态内容渲染
  • 动态内容：将动态内容功能集成到“ModuleElements”类中。
  • 动态内容：在 VB 中实现动态背景图像功能。
  • 动态内容：在 VB 中的模块设置中引入了初始动态内容 UI。 目前，这可作为推荐模块输入文本的原型，仅支持“site_title”动态内容选项。
  • 内联富文本编辑器：向富文本内联编辑器组件添加了核心 TinyMCE 编辑功能
  • 内联富文本编辑器：更新了富文本内联编辑器以检索可编辑内容并保存编辑的内容。
  • 模块属性重构：重构图标模块的属性。
  • 模块属性重构：重构社交媒体模块的属性。
  • 模块属性重构：重构视频模块的属性。
  • 模块属性重构：重构搜索模块的属性。
  • 模块属性重构：重构全宽代码模块的属性。
  • 模块属性重构：重构定价表模块的属性。
  • 模块属性重构：重构 Accordion 模块的属性。
  • 模块属性重构：重构全宽图模块的属性。
  • 模块属性重构：重构全宽滑块模块的属性。
  • 模块属性重构：重构映射模块的属性。
  • 社区报告的错误：实施模块积分机制。 在 module.json 上添加 Credit 以显示模块信用。
  • 社区报告的错误：在字段描述上启用选定的标签
  • 过渡选项：为所有使用 ElementStyle 的模块添加了过渡样式组件。
  • 模块元素：引入 ModuleElements 类来简化音频、Blurb、CTA 和推荐模块上​​的元素创建。

说明 Divi 5 的可扩展性

Divi 5 最重要的方面之一是它的可扩展性。 当我谈论可扩展性时，我指的是从 API 角度来看 Divi 5 的灵活性和能力，以及由于这些改进我们可以创建的许多独特功能。 我还谈到了使 Divi 5 与 WordPress 的未来保持一致、删除短代码以及将许多 WordPress 块包集成到 Divi 5 中。

这一切对 Divi 的未来意味着什么？

我要求我们的开发团队经理抽出一点空闲时间来制作一个快速演示来说明这些方面，以便我可以在这次更新中分享一些有趣的东西，这些东西在视觉上代表了 Divi 5 的可扩展性。 他想出了自动块模块。 该模块可将每个古腾堡块转变为 Divi 模块，通过 Divi 的广泛设计设置增强它们，并允许您在同一页面上混合模块和块！

块模块从块中获取 HTML 元素并动态生成选项组，使您可以完全控制其设计。 您还可以动态生成新的选项组，定位和自定义任何元素。

虽然我们创建这个块模块是为了好玩，而且它既没有完成也没有完善，但它很好地演示了我们可以使用 Divi 5 做什么，并且相对容易，这要归功于我们正在创建的新基础。

由于 API 的开放性，这不仅对我们来说很容易，而且对您和开发社区来说也很容易。 我们甚至可能完成这个块模块并将其作为官方功能添加到 Divi 5 中。 但目前，我们仍然专注于测试阶段的进展。

Divi AI 即将完成！

本月的 Divi 5 更新到此结束。 在其他消息中，我们的 Divi AI 的第一个版本即将完成，它将允许您凭空生成非凡的图像，并在 Visual Builder 中工作时使用 AI 编写和改进内容。 我在未完成的版本中玩得很开心，我期待着尽快完成并发货！

敬请期待更多的更新

我承诺每月都会更新《Divi 5》的进度，这就是我计划要做的！ 我不能保证每次更新都会令人兴奋，但请放心，我们正在尽最大努力完成这个庞大的项目。 每一天我们都离我们更近一点，Divi 5 基础也变得更坚固一点。 我们很快将推出 Divi 5 Dev Beta，这意味着基础即将完成。 从那时起，它就将全力推进面向用户的功能，您将在今年晚些时候在公共 Alpha 版中进行测试。

如果您有任何疑问，请发表评论。 下次更新再见！