2021 年如何在 WordPress 中使用 Oxygen Page Builder [简单指南]

虽然网站编辑曾经与编码和技术思维密不可分，但像 Oxygen 页面构建器这样的工具已经改变了游戏。 Oxygen 允许用户使用智能功能编辑他们的整个网站，而无需处理任何一行代码。

使用 Oxygen，非程序员可以通过消除所有设计障碍来开发和创建网站。 即使对于初学者来说，这个过程也很简单和无缝，它的设计很有创意和聪明。 难怪氧气页面构建器已经成为全球许多设计师的首选。

什么是氧气页面生成器？

氧气构建器不限于页面构建器或主题构建器的定义。 它应该被视为一种混合工具，允许用户对其网站进行最大程度的创意控制。

任何技术知识有限的用户都可以使用 Oxygen builder 来完全定制他们的网站。 这是避免编码和页面构建复杂性的用户的流行选择。

为什么要使用 Oxygen Page Builder？

Oxygen builder 是一种值得信赖的工具，可简化网站创建过程，并通过简单的拖放编辑技术单手为网站带来自定义更改。 它结合了灵活性和可访问性，允许用户在不使用数十个插件的情况下创建复杂的网站。

人们使用 Oxygen 页面构建器，因为它使他们可以完全控制他们的 WooCommerce 商店和 WordPress 网站。 使用此页面构建器创建的站点提供可编辑的后端和快速加载的前端，这是任何开发人员或网站创建者的理想组合。

事不宜迟，让我们深入了解 Oxygen 页面构建器的惊人功能，完成其简单的安装步骤，检查其定价计划，并对其使用和功能进行最终确定。

6 个突出的功能——氧气页面生成器

Oxygen 页面构建器提供了革命性的功能，允许用户自定义他们的网站设计并展示他们品牌的真实反映。 让我们在下一节中看看它最显着的功能。

视觉编辑

Oxygen 页面构建器提供了无与伦比的可视化编辑功能。 可以通过单击“模板”菜单中的“使用氧气编辑”按钮访问可视化站点构建器界面。

页面构建器允许用户选择空白安装或从预制设计开始。 用户可以一次编辑页面上属于同一 CSS 类的任何设计元素，这是其他站点构建器中很少见的功能。

右侧边栏面板中出现的结构面板让用户可以随时查看其 HTML 元素的结构，并允许通过在可视化编辑器中拖放元素进行实时编辑。

强大的布局控件

Oxygen 为其用户提供易于使用的布局控件。 与其他页面构建器不同，您不必使用任何列； 只需使用 flexbox 布局引擎即可轻松对齐元素并在垂直和水平布局之间切换。

此外，为了方便用户，Oxygen 只需拖动元素的侧面即可轻松调整间距和大小。

古腾堡整合

古腾堡通过向您的网站页面添加灵活性和媒体来改变编辑体验。 氧气使古腾堡整合成为可能。 您可以使用简单的拖放解决方案创建古腾堡块，而无需编码复杂性。

无论您在 Oxygen 上设计什么，都可以用作 Gutenberg 块。 因此，您可以添加块、自定义图像、文本和链接 URL。 创建自定义古腾堡块布局的能力将 Oxygen 与其竞争对手区分开来。 您还可以通过导入/导出工具在其他网站上重复使用这些块。

代码清洁度

代码清洁是另一个让 Oxygen 与竞争对手区分开来的特性。 由于 Oxygen 取代了您现有的 WordPress 主题，它的代码复杂性也降低了，并确保了代码的清洁度，以便于管理。

与其最大的竞争对手 Elementor（WordPress 页面构建器领域的知名品牌）相比，Oxygen 提供了非常精确的 HTML 编码输出。 Oxygen 能够显示 Elementor 可能在代码块中显示的一行代码。 减少的代码行确保了快速加载时间、轻松索引和更好的整体结果。

标题生成器

Oxygen 的 Header Builder 可让您创建引人注目的标题。 您可以通过拖放将设计元素放入页眉，并使用特殊效果和布局美化它们。

使用响应式控件，您可以自定义标题以在所有设备上看起来都不错。 您还可以使用 Oxygen 构建器来使用粘性标题并将它们用作您网站页面的 CTA。

动态数据功能

氧气动态数据功能允许用户将设计元素链接到 WordPress 数据库的数据。 WordPress 数据库中存在的任何内容都可以放入您的设计中。 它还允许您导入和导出通过 Oxygen 创建的设计设置和 CSS。

动态数据功能的主要好处是您可以直接导入数据而无需下载档案。 动态数据包括以下内容：

• 发布内容
• 说明
• 媒体文件
• 帖子标题，作者等

如何安装氧气页面生成器

Oxygen 是一款高级页面构建器，具有强大的功能和广泛的功能。 它在 WordPress 存储库中不可用； 因此，您需要先购买其许可证，然后手动将其上传到 WordPress 插件列表。

对于本教程，我假设您已经拥有 Oxygen 页面构建器许可证。 如果没有，您可以访问他们的官方页面并立即购买。

因此，事不宜迟，让我们开始吧！

安装 Oxygen 页面构建器是小菜一碟。 您需要做的就是导航到WordPress 仪表板>插件>添加新>上传插件>选择文件，然后选择您从其官方页面下载的 Oxygen 页面构建器 zip 文件。 上传插件后，单击立即安装并激活插件。

激活插件后，弹出的欢迎屏幕将提示您选择 Oxygen 安装类型。

Oxygen 页面构建器提供了预制网站，您可以在其中简单地从其库中导入演示内容和设计。 此外，它还提供一个空白安装，具有简单的网站布局和设计。

氧气页面生成器先决条件

开始使用 Oxygen 页面构建器需要一些先决条件才能获得流畅的页面构建体验：

请注意，Oxygen Page Builder 尚不支持 PHP 8。 上述要求取决于您的托管服务提供商，因此请确保他们的服务器和平台上具有最新版本。 Cloudways 提供最新且稳定的 WordPress、PHP 和 MariaDB 版本，以实现无缝的 Oxygen 页面编辑体验。

Oxygen Page Builder 性能基准

Oxygen 页面构建器在整个速度测试过程中表现良好，证明自己是目前可用的最快的页面构建器之一。

基准测试结果分享如下：

Cloudways 服务器配置

应用程序配置

已安装的插件

最重要的是，我们创建了站点演示内容并添加了大量图像来模拟现实生活场景。

GTmetrix 性能分析：

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

• 性能：100%
• 结构：95%
• LCP：323ms
• 待定时间：0ms
• 等级：0

Pingdom 性能分析：

https://tools.pingdom.com/#5eba5748a0400000

• 性能等级：92
• 页面大小：2.0 MB
• 加载时间：277ms
• 请求数：32

PageSpeed Insight 性能分析：

https://prnt.sc/1gragu8

• 总分：92
• FCP：0.8s
• 速度指数：1.4s
• LCP：1.6s
• TTI：0.8s
• 待定时间：0ms
• CLS：0.015

氧气定价

与其他页面构建器不同，Oxygen 不需要按月或按年订阅，而是一次性付款，让您终生享受其特权。 Oxygen 已将其定价计划分为四个套餐，以下进一步说明：

1) 基本

• 一次性支付129 美元
• 灵活而强大的 WordPress 视觉构建器
• 60 天退款保证

2）WooCommerce

• 一次性支付169 美元
• WooCommerce 集成
• 使用它来直观地构建网站和 WooCommerce 商店
• 60 天退款保证

3) 代理

• 一次性支付199 美元
• WooCommerce 集成
• 古腾堡块建造者
• 简化的客户端 UI
• 60 天退款保证

4) 终极

• 一次性支付229 美元
• WooCommerce 集成
• 古腾堡块建造者
• 简化的客户端 UI
• 复合元素
• 60 天退款保证

氧气评论：值得一试吗？

Oxygen 是创意人士、新兴品牌和成熟企业在数字世界中彰显存在的明智选择。 简单的自定义选项、智能的可视化编辑器和用户友好的设计元素使这个工具成为一个绝佳的选择，让您无需处理编码的技术问题。

喜欢不按月或按年付款的人可以利用 Oxygen，因为它只需要一次性付款并提供终生服务。 它允许新手用户将他们的想法融入现实，而无需处理任何类型的编码。

综合考虑，Oxygen 是最佳 WordPress 页面构建器列表中的有力竞争者，随着时间的推移，它只会越来越受欢迎。