Oxygen Builder V 4.0 审查 - 设计、功能和工作流程

Oxygen Builder 4.0 就在这里，在本文中，我们将了解新版本附带的所有新功能、更改和工作流程。 Oxygen 是一个著名且深受喜爱的 WordPress 页面构建器，它完全取代了主题系统。

在过去的几年里，它一直在第三版上，并且看到了许多出色的附加功能，例如 CSS 网格、完整的 MetaBox 添加以及额外的速度优化以及前端和后端。 人们喜欢它，因为它在一个设计相对良好的用户界面中包含了大量的功能，而且我还将为一个非常适合 Core Web Vitals 的快速加载网站制作非常干净的代码。

Oxygen Builder 第四次迭代的主要功能如下：

全新的用户界面

越来越多的第三方插件可以重新设计或重新设计 Oxygen 的后端构建器。 该工具背后的团队一定已经得到了他们的 UI 有点过时的暗示，因此这是此版本的标题功能。

从上面的截图我们可以看到，“添加元素”面板已经重新创建以在屏幕中显示更多元素，断点已经添加到顶栏上自己的位置，以及其他顶栏功能，如撤消重做、样式表切换等已被移动。

以下是所做的：

• 增强功能：从较大断点继承的值现在显示在属性窗格字段中 (#3665)

• 增强：模态现在使用与动画相同的 AOS 动画 (#3550)

• 增强功能：您现在可以上传设计集页面、块和各个部分的自定义屏幕截图 (#3574)

• 增强：您现在可以在属性窗格中双击元素的名称来重命名它 (#3547)

使您的网站结构易于浏览的好方法。

• 增强功能：添加了属性窗格字段是通过类还是 id 设置样式的视觉指示 (#3548)

• 增强功能：为选择器窗格添加了搜索字段 (#4037)

如果您在 Oxygen 中管理大量 CSS 类，这将使您能够更快地找到它们，并在网站上进行全局更改。

• 增强：添加了复制、保存、删除、复制、粘贴的键盘快捷键 (#3951)

这是一个非常受欢迎的增强功能，现在允许您在构建器实例中复制、保存、删除、复制和粘贴元素。 虽然他们没有添加右键菜单，但他们说明了它的阶段，并通过键盘快捷键添加了许多您在菜单中所期望的功能。

您会在整个构建器中发现其他各种用户界面更改，例如处理边距和填充的方式。 它现在更像是一种开发工具体验：

您还会注意到构建器中的实际颜色发生了变化，现在非常关注各种灰色阴影。

总体而言，我们发现新的 UI 和其他易用性增强功能使该工具成为构建 3.0 版网站的更高效、更简单的方法。 所有这些更改都非常受欢迎，对于某些用户来说，它甚至可以消除购买 Hydrogen Pack 的需要（因为现在有键盘快捷键）。

修复中继器重复 ID

一个非常受欢迎的修复 - 中继器不再在它们显示的各个帖子中重复 ID。 这是 3.0 的最大问题之一，导致了 SEO 问题，并且根本没有遵循最佳实践。

这是实际的标记 - 您可以看到每个 ID 后面都有一个数字，允许您设置特定单元格的样式，并删除不利于 SEO 的重复 ID。

PHP8 支持

这是 Facebook 组中的一个巨大请求，该工具现在支持 PHP 版本 8。 3.0 版根本无法在这个新版本的 PHP 上运行或加载。 我们现在可以利用这带来的速度增强。

这就是为什么 PHP 8 很棒的原因：

生成器加载速度增强

还有一些直接影响构建器加载速度的增强功能，例如删除重复的 SVG 加载和更新到 AngularJS 1.8.2，最新支持的版本 (#4031)。

阅读：Oxygen Builder 后端加载时间测试

存储数据的新方式

以前，Oxygen 页面和模板作为短代码存储在后端。 这对安全性很有好处，但不是最有效的做事方式。 在 4.0 版中，新页面以 JSON 格式存储，更加快捷高效。 与使用 3.0 构建的站点具有向后兼容性，因此无需担心任何重大更改。

升级后，如果您放弃短代码，它们将被转换为新的 JSON 格式。

其他 WooCommerce 元素和更改

这伴随着核心构建器的新版本。 氧气 WooCommerce 2.0。 有两个新元素，包括迷你购物车和交叉销售/追加销售组件。

添加几个新的 Woo 特定条件非常棒，可以让您根据特定的电子商务情况进一步定制您的网站。

此外，如果您熟悉主题，您现在可以从预先指定的文件夹中覆盖 WooCommerce 模板，而不必执行自定义插件并重新路由 Connors 查找这些模板覆盖的位置。

关于氧气 V4.0 的注意事项

我们想在这篇博文中介绍一些内容。 首先是 alpha 和 beta 版本都不应该在生产网站上使用，因为可能会出现问题。 您应该等到 RC（或候选发布版）或实际版本 4.0 出来。 我们在 Facebook 上看到大量帖子说他们的网站在更新到 4.0 版后出现故障，如果您使用的是 alpha 或 beta，这是意料之中的事情。

因为 UI 发生了变化，CSS 也发生了变化，这意味着如果你不清除浏览器缓存并重新生成 CSS，事情就会出现问题——所以一定要这样做！

最后要注意的是，第三方插件可能会因为这个新版本而中断。 他们在添加组件和 CSS 样式方面的做法略有不同，但我们预计大多数主要的氧气制造商第三方开发人员将在 RC 推出时兼容他们的插件。

延伸阅读：

• 氧气生成器的详细回顾（机构视角）
• 我们如何迁移制氧机站点
• Divi Builder VS Oxygen Builder - 谁在 2021 年获胜？

结论

Oxygen Builder 的第四版带来了急需的用户体验和界面增强功能，例如复制和粘贴元素的键盘快捷键、新的更简单和设计、PHP8 支持和 WooCommerce 改进。 此版本应该为其他本地工具（例如右键菜单和进一步的后端速度增强）奠定基础。