立即尝试 Divi 5 Alpha 演示！

已发表: 2024-05-02

我带着 Divi 5 的另一次更新回来了，今天，我很高兴地宣布 Divi 5 演示网站可用。 一旦我们完成了更多功能并解决了您发现的任何错误，我们将发布公共 Alpha 版，您可以在您的网站上下载和测试。 同时，我们将每两周更新一次演示，您可以关注。

尝试 Divi 5 演示

我们还为 Divi 5 设置了一个新的登陆页面，您可以在其中找到演示网站的链接以及我所有每月 Divi 5 更新的列表。

在下面的视频中了解所有详细信息。

探索 Divi 5 演示

您会注意到新版本的 Visual Builder 即将完成。 一些缺失的功能包括快速操作、查找和替换、预设、WooCommerce 模块和一些条件选项。 如果演示中缺少某些内容，并不是因为我们删除了它；而是因为我们删除了它。 它只是还没有被添加。

这是一个 pre-alpha 版本。 您将在界面中遇到错误和怪癖，其中大部分已经在我们的雷达范围内。 如果您发现错误，请将其报告给我们的支持团队。 我们仍在完善工作，发布此演示使我们能够在公共 Alpha 版上线之前获得更好的状态。

Divi 5 发生了什么变化？

Divi 5 看起来有点不同。 一切的工作方式几乎与 Divi 4 相同，但有一些变化需要注意。

  1. 可定制的界面： Divi 5 支持多个面板、组合面板窗口和自定义对接配置。
  2. 更轻松的响应式编辑：响应式编辑不是在选项级别启用响应式编辑，而是在应用程序级别控制。 切换到任何视图，您在该视图中所做的更改将自动应用。
  3. 新的交互模式： Divi 5 中的交互模式也有所不同。现在称为“交互层”，您可以选择悬停时显示的元素层，包括元素选项、父元素选项和元素轮廓。 单击任何元素将打开其设置面板。 您不需要双击或单击齿轮图标。 所有操作都可以通过右键单击进行，因此如果您想隐藏所有内容以简化界面并防止重叠，这是一个可行的选择。
  4. 直观的导航：由于设置面板中的停靠图层面板和面包屑，导航页面也变得更加容易。
  5. 惊人的性能： Divi 5 速度更快，您会立即注意到这一点。 此外，它不会陷入大型、复杂的设计中。 尝试点击周围，快速复制内容，并疯狂地使用不同的设置，你就会发现它有多快。
  6. 简单、精简的界面： Divi 5 的界面更加精简。 它更小、更高效。 它更加快捷并且没有不需要的动画和效果。 它缺少每个面板中过时的保存和取消按钮。 它还配备了黑暗模式。 您可能会对 Divi 4 更大、更慢、更有趣的设计感到宾至如归，但是一旦您习惯了 Divi 5，您就会欣赏到它的新优势。

展望未来

Divi 5 中最关键的变化是你看不到的东西。 幕后的新基础使 Divi 从开发角度变得更加强大，使我们的团队和社区能够构建 Divi 4 中不可能的新功能。

一旦我们发布 Divi 5，真正的乐趣就开始了，因为我们将向前冲刺，创造我们知道您想要的所有功能！ 相信我; 我们知道您需要许多基本功能：循环生成器、Flexbox 和 CSS 网格、改进的可访问性、更多模块、更好的菜单和标题选项； 这一切都在我们的雷达范围内，我迫不及待地想克服这个障碍，以便我们能够找到工作。

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

接下来，让我向您汇报我们的月度进度报告。 我们继续完善新界面，并将这些改进扩展到 Divi 的其他领域，为主题生成器、主题选项、角色编辑器和 Divi 库涂上一层新的油漆。 我们继续执行错误修复任务，修复了另外 100 多个错误，并将列表缩小到易于管理的范围。 我们完成了全局颜色和大部分图层视图，并开始研究一些剩余的前端功能，包括动态资源和静态 CSS 文件生成。

我们还将 Divi Cloud 插入新版本的 Divi Library，让我们的小型 Divi AI/Cloud 团队来实现这些功能，并帮助 Divi 5 更快地冲过终点线。

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

  • 在 VB 中添加了预设选择组件。
  • 在 VB 中向模块元素添加了预设项目类。
  • 修复了禁用管理栏时上边距不正确的问题。
  • 修复了 CSS 渲染中的一个错误，该错误导致断点和状态输出的 CSS 在某些情况下顺序不正确。
  • 更新了上传字体输入样式。
  • 修复了在 VB 中保存/预览任何模块时出现的错误。
  • 修复了保存弹出样式时的错误。
  • 修复了扩展图标选择器模式尺寸和定位。
  • 当右键单击>“转到图层”选项在多个模块上单击时，修复了在侧边栏左侧多次渲染图层视图的问题。
  • 设置添加模态高度以自动适应可用的视口高度。
  • 修复了以下问题：当您没有/零全局颜色时，“添加颜色”按钮不可见；如果您只有一种全局颜色，则该颜色将被隐藏，并且只有“添加颜色”按钮可见。
  • 修复了添加全局颜色导致模块的区域交互/捕鼠器被禁用的问题。
  • 修复了可移植模式中导入和导出选项卡的动态操作标签问题。
  • 修复了设置面板中启用重定向按钮关闭但 URL 字段可见的问题。
  • 修复了传递到包装器组件的透明层模态大小。
  • 保存帖子/页面时清理了一些幕后代码
  • 修复了仅在草稿上而不是在发布/预览时同步全局颜色的问题。
  • 修复了保存时未从布局中删除已删除的全局颜色的问题。
  • 修复了黑色到白色颜色范围内的颜色选择器故障。
  • 已修复：打开模态会更改模块设置值。
  • 修复了以下问题：如果您有大量全局颜色，则展开“已保存/最近颜色”选项卡，然后打开“全局颜色”选项卡会导致颜色样本重叠在已保存/全局/最近选项卡标题上。
  • 添加了对剪贴板复制/粘贴功能的测试，以验证全局颜色属性值是否已复制/粘贴。
  • 在 TextArea 字段组件中添加了对 showPlaceholderOnEmpty 属性的支持。
  • 添加了当内容长度设置为“显示内容”时隐藏博客模块中的设置的功能。
  • 修复了当用户从图层视图中删除列时该列被删除的错误。
  • 修复了当用户在构建器中选择某些文本时内联编辑器工具栏的不正确且不可预测的位置。
  • 修复了 D5 博客模块中的“显示分页”选项在禁用时未隐藏前端分页的问题。
  • 修复了在 D5 博客模块中禁用“显示摘录”选项不会在 Visual Builder 预览中隐藏摘录的问题。
  • 通过将 @wordpress/hooks 注册为 FE 中多视图脚本的依赖项，修复了由于 @wordpress/hooks 移动到外部依赖项而导致响应内容中断的问题。
  • 修复了富文本字段上不正确的更新顺序。
  • 修复了由于不正确的 divi 样式静态样式渲染顺序而添加到按钮的不需要的文本下划线。
  • 添加了缺失页面快捷方式（保存页面、将页面另存为草稿、退出可视化生成器、打开可移植性、响应式放大/缩小、切换到线框模式）
  • 修复了首次打开时便携性和保存到库模式的错误位置。
  • 修复了重置悬停样式会重置桌面样式的问题。
  • 修复了按钮渐变在桌面状态下停止并将值更改为悬停渐变停止所使用的值的问题。
  • 修复了拖动时元素的可见部分隐藏在其原始位置的问题。
  • 修复了基于可见选中/取消选中的“禁用”重置图标隐藏/显示的问题。
  • 修复了键盘快捷键无法正常工作的问题。
  • 修复了重置按钮不适用于复选框的问题。
  • 在专业部分添加缺失的列功能。
  • 添加了构建器设置选项以禁用管理栏
  • 添加了在图层视图中拖放模块后滚动到 VB 中放置的模块的功能。
  • 添加了在图层视图中拖放模块后滚动到 VB 中放置的模块的功能。
  • 页面栏中添加了清晰的布局按钮。
  • 在页面栏上添加了颜色模式切换。
  • 添加的功能可确保仅当拖动的模块是正确的模块后代时才展开图层组。
  • 添加了当用户拖动模块并将鼠标悬停在图层组上 200 毫秒后展开图层的功能。
  • 添加了当鼠标悬停在“图层视图”模式中时突出显示布局中的实际模块的功能。
  • 添加了在其自己的 JSON 文件上声明模块的“default”和“defaultPrintedStyle”属性的机制。
  • 添加了用于提取生成 HTML、样式和脚本数据的属性的机制
  • 添加了页面栏按钮以退出可视化构建器
  • 添加了页面栏按钮以预览前端构建器的当前状态。
  • 添加了预防措施，以确保一行中唯一的列不会被删除或移动到另一行。
  • 添加预设设置模态原型
  • 打开时自动将图层视图停靠到侧边栏左侧。
  • 确保“从库添加”模式现在显示在页面区域的中心，其所有四个边距框架任一边缘的最大宽度和高度等于 32 像素。
  • 修复了悬停选择器的 Blurb 模块中的一个错误，导致选择悬停状态时无法在 VB 中呈现样式。
  • 修复了 Divi 5 中的一个错误，即在模块设置中选择粘性状态时，粘性状态样式不会在 VB 中呈现。
  • 修复了 PHP 8.3 中与动态属性相关的已弃用消息。
  • 修复了 PHP 8.2+ 中发生的电子邮件 Optin 模块中的 PHP 弃用通知。
  • 修复了从模块设置或线框模式更改时管理标签在图层视图模式内不同步的问题。
  • 修复了即使选择了某些类别，所有帖子也会显示在可视化生成器的博客模块中的问题。
  • 修复了前端叠加背景颜色和叠加图标未正确渲染的问题。
  • 修复了将模块拖动到顶部/底部窗口视口附近时自动滚动损坏的问题
  • 修复了联系表单和电子邮件 Optin 模块中设置面板中电子邮件帐户中的按钮背景颜色和按钮文本颜色以及垃圾邮件防护字段。
  • 修复了图标模块初始加载时的默认图标选择。
  • 修复了手风琴等模块的子元素标题设置上的动态内容显示。
  • 修复了执行纱线测试单元命令期间遇到的错误。
  • 修复了不正确的推荐模块类名称
  • 修复了内联编辑器不正确的固定位置。
  • 修复了保存草稿总是发布页面的问题。
  • 修复了某些模型和选择菜单会从初始错误位置闪烁到正确位置的问题。
  • 修复了选项卡模块上未显示选项卡的问题。
  • 修复了线框视图中缓慢的拖放问题
  • 修复了人物模块中缺失的图像动画类。
  • 修复了后台选项卡中缺失的工具提示。
  • 修复了单击时模块选项操作不起作用的问题； 相反，打开模块设置。
  • 修复了悬停状态下手风琴模块中显示额外底部空间的问题。
  • 修复了从下到上拖动图层时的平滑滚动问题。
  • 修复了深色模式下富文本编辑器内容中的文本颜色。
  • 修复了简介模块的图标悬停问题。
  • 修复了底部区域的拖放区问题，该问题导致我们将模块拖放到层模块列表的底部。
  • 修复了即使图层模块不再悬停也显示模块选项的问题。
  • 修复了图库模块 FE 中显示低质量图库图像的问题。
  • 修复了拖动时更新行设置中的子列名称和重新排序列的问题。
  • 引入了对颜色选择器组件的增强功能，实现了更多的可扩展性和模块化。
  • 引入新的变换字段基础组件，它解决了重复的变换 CSS。
  • 保持模式的停靠/取消停靠状态，以便根据上次关闭状态重新打开。
  • 使模块拖放可以从任何模块表面区域进行初始化。
  • 从管理栏中删除退出按钮
  • 从库模式的加载中删除了可拖动和可调整大小。
  • 从图层视图模式中的专业部分列中删除了模块选项。
  • 在正确修复问题后，删除了登录模块的冗余悬停选择器。
  • 删除了未使用的键盘快捷键。
  • 将 Divi 4 基于模式的 UX 替换为交互层 UX。
  • 简化的可视化构建器 UI（字段和模态组件）
  • 暂时隐藏页面栏中的撤消和重做按钮，直到创建历史记录
  • 更新和完善了全局颜色功能，引入了新的全局颜色 ID 格式并更好地支持模块属性。
  • 使用 CSS 变量来设置 Layers View 颜色，替换 Layer Drag Handle 组件中不必要的 useSelect 用法以优化性能，并一致使用 selectStore 来命名 Layers View 的 useSelect 用法中的选择器。

敬请期待更多的更新

这就是本月进度报告的全部内容。 请继续关注更多更新，不要忘记通过电子邮件关注我们并订阅我们的 YouTube 频道，以确保您不会错过任何内容。 Divi 5 是一个庞大的项目，但我会每月回来向您通报我们的进展情况。