揭晓新的 Divi 5 界面

已发表: 2023-12-21

我带着 Divi 5 的另一次更新回来了，这一次，我很高兴能让您提前了解 Divi 5 的新界面。 它还没有完成，但仍有很多值得探索的地方。

观看视频以进一步了解。

新的 Divi 5 界面

Divi 5 焕然一新。 它的工作方式与以往相同，因此不必担心新界面会让您陷入困境。 这一切都会让人感觉非常熟悉。 我们没有改变您可以使用 Divi 执行的操作，但我们希望您能通过更快、更简单的界面享受更多的乐趣。

更快、更高效的界面

Divi 5 代表原始速度和效率； 用户界面应该服务于这些目标。 关于 Divi 5，您首先注意到的就是它的速度非常快。 当您悬停、单击、编辑和移动项目时绝对没有延迟，并且它可以以前所未有的方式处理大量页面。 我们还删除了所有动画，因为我们不希望任何东西拖慢您的速度。

不会妨碍您的界面

我们减少了界面的占用空间，为您的设计提供更多的呼吸空间。 您可以将多个较小尺寸的面板停靠在浏览器的一侧，而不会与您的内容重叠或妨碍您。

在上面的示例中，我的图层面板停靠在左侧，设置面板停靠在右侧。 当我在页面上单击时，设置面板会自动填充，当我编辑某些内容时，反馈是即时的。

完全可定制的界面

Divi 5 使您可以更好地控制构建器的布局。 您可以将面板停靠、取消停靠或组合到选项卡式窗口中。 如果您喜欢关闭所有窗口并使用一个浮动设置面板（例如 Divi 4），这也是一种选择。

比以往更容易导航的界面

使用点击模式作为默认交互模式，您可以始终保持打开的较小图层面板，以及每个设置面板中的新面包屑，使页面导航比以往更加容易。 您将无需费力查找或单击要编辑的任何内容。

我们仍然需要进行改进并添加缺失的部分，但是这个早期的外观应该可以让您很好地了解我们在未来几个月发布公共 Alpha 版时会发生什么。

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

过去一个月我们还完成了很多其他事情。 构建新界面相对简单。 所有主要工作都在幕后进行，我们正在建立一个坚实的基础，为社区服务多年，其中涉及对 Divi 的所有核心功能和模块的完全重新开发。

我们目前正处于 Dev Beta 阶段（如果您是 Divi 模块的开发人员，欢迎加入），这意味着我们已经完成了新框架，现在正在该框架上重建所有内容。

我们修复了更多错误，编写了更多开发人员文档，并转换了一堆模块，例如帖子滑块、博客、帖子导航、可过滤组合、全角菜单和全角组合。

每当我们完成一个新功能或模块时，我们就离 Public Alpha 更近了一步，我们希望拥有足够的 Divi 最受欢迎的功能和模块，以便让第一个版本可供广大受众使用。

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

  • 为 Divi 5 添加了帖子滑块模块
  • 为 Divi 5 添加了全角菜单模块
  • 为 Divi 5 添加了全角帖子标题模块
  • 为应用程序框架添加了功能标记的增强功能。
  • 在 PHP 模块样式声明上实现了代码、音频、圆形计数器、列、倒数计时器、分隔符、全角标题、全角图像、标题、图标、号召性用语、按钮、条形计数器、手风琴、帖子标题、作品集、数字计数器的 advanceStyles ， 地图
  • 添加了 Divi 5 的博客模块
  • 为应用程序框架添加了功能标记的增强功能。
  • 为 Divi 5 添加了可过滤投资组合模块
  • 为 Divi 5 添加了全宽投资组合模块
  • 为 Divi 5 添加了后导航模块
  • 在 VB 模块样式声明上实现了高级样式，用于部分、全角地图、标题、菜单、侧边栏、社交媒体关注、选项卡、团队成员、推荐、文本、切换、视频和滑块模块。
  • 集成自动生成的模块设置，用于倒计时器、循环计数器、代码、按钮、简介、分隔符、音频、简介、代码和标题等模块的设置面板。
  • 将“SyncGlobalLayoutAttributes”的导出更新为类型而不是对象。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/modal-library 包。
  • TypeDocs：更新了 @divi/modal-library 包中数据存储功能的文档。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/page-settings 包。
  • TypeDocs：更新了 @divi/page-settings 包中数据存储功能的文档。
  • 在 VB 和 FE 中将 Fullwidth Portfolio 模块开发到 D5 中。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/keyboard-shortcuts 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/object-renderer 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/mask-and-pattern-library 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/middleware 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/modal 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/modal-snap-indicator 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/draggable 包。
  • TypeDocs：将 @divi/numbers 包添加到 TypeDocs 生成器中。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/error-boundary 包。
  • TypeDocs：将 @divi/events 包添加到 TypeDocs 生成器中。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/help 包。
  • TypeDocs：更新了 @divi/help 包中数据存储功能的文档。
  • TypeDocs：将 @divi/history 包添加到 TypeDocs 生成器中。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/hooks 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/icon-library 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/global-layouts 包。
  • TypeDocs：更新了 @divi/global-layouts 包中数据存储功能的文档。
  • TypeDocs：将 @divi/fonts 包添加到 TypeDocs 生成器中。
  • TypeDocs：更新了 @divi/fonts 包中数据存储功能的文档。
  • TypeDocs：更新了 @divi/module 包的文档。
  • TypeDocs：将 @divi/data 包添加到 TypeDocs 生成器中。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/divider-library 包。
  • 为 @divi/context-library 包添加了 TypeDocs。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/conversion 包。
  • TypeDocs：向 TypeDocs 生成器添加了 @divi/constant-library 包。
  • TypeDocs：更新了 @divi/field-library 包的文档。
  • 在 VB 模块样式声明上实现了…模块的 advanceStyles。

即将推出：Divi 布局 AI！

这就是本月 Divi 5 更新的全部内容。 在其他新闻中，我们很快就会推出一项新的 Divi AI 功能，对此我感到很兴奋。 我们已经创建了用于文本、图像和代码生成的人工智能工具。 接下来，我们将把它们放在一起，使您能够使用 AI 生成整个布局。 注意：以下视频加快了布局生成速度。

只需告诉 Divi AI 你想要什么样的页面，它就会构建布局、生成图像、编写内容、自定义字体和颜色。 只需几秒钟，您就可以准备好整个页面，并且可以跳转到 Divi 的设计设置进行最后的润色，或使用 Divi 的 AI 工具进一步完善结果。

敬请期待更多的更新

请继续关注 Divi Layouts AI 的发布，不要忘记下个月回来查看另一次 Divi 5 更新。 通过电子邮件关注我们并订阅我们的 YouTube，以确保您不会错过任何内容，我们下一篇再见。