下载版本
- Oxygen v6.0.0 Activated
- Oxygen Builder v4.0.4 Activated
- Oxygen Elements for WooCommerce v2.0.1
- Oxygen Gutenberg Integration v1.4.5
- Oxygen Erropix Aadvanced Scripts v2.3.4
- Oxygen Editor Enhancer v5.0.0
- Oxygen Toolbar Extras v1.4.9
- Oxygen Swiss Knife v4.2.0
- Oxy Ultimate v1.5.3
- Oxy Toolbox v1.6.2
- Oxy PowerPack v2.1.1
- Oxy Ninja v3.3.1
- Oxy Monster Framework v0.31
- Oxy Extras v1.4.3
- Oxygen Erropix Attributes v1.3.2
- Erropix Hydrogen Pack v1.3.9
- OxyPowerPack v2.6.2.1
- Oxywind v4.0.2
- Oxymade v1.5.9
- Oxy Extended v1.1.0
- Ee Dashboard Customizer v1.3.0
- Oxy sandbox 12.2.5
- Oxy Collaboration v1.2.0
- Oxy Automaticcss Plugin v2.1.3.1
- oxyultimate-woo-1.4.16
- Scripts Organizer v3.4.2
Oxygen Builder 核心介绍
产品简介
Oxygen Builder 是一款 “开发者优先(developer-first)” 的可视化站点构建插件,可以在 WordPress 内部直接完成整站设计,从基础布局到复杂交互都在同一套编辑器中完成。与仅能编辑单页内容的传统 Page Builder 不同,Oxygen 通过模板系统接管主题层,让你在一个界面中统一控制站点的页眉、页脚、文章模板、归档页、搜索页乃至 WooCommerce 页面。
其核心优势在于 更干净的前端代码与更好的性能表现。Oxygen 输出的 HTML 结构相对精简,减少了不必要的嵌套与冗余样式,在多方评测和对比中,相比部分传统构建器能带来更快的加载速度和更轻量的页面体积,这对 Core Web Vitals 和整体 SEO 表现都有正向帮助。
在功能层面,Oxygen 内置完整的可视化编辑器、响应式布局控制、自定义 CSS/JS 支持,以及丰富的元素库和模板库。配合 WordPress 的动态数据能力,你可以将文章字段、自定义字段、分类、用户信息、ACF/Toolset 等数据直接绑定到组件,实现真正意义上的“数据驱动页面”。
Oxygen 同时深度支持 WooCommerce,提供面向商品列表、商品详情、购物车、结账等页面的可视化布局设计能力,适合有复杂前端展示需求、又希望保持代码与性能可控的电商网站。结合一次购买可用于多个站点、包含后续更新与支持的授权模式,非常适合开发者、工作室和代理商在多个项目中统一采用。
主要功能亮点
全站级别构建(Site Builder): 不只是单页编辑,可以可视化设计页眉、页脚、单篇文章模板、归档、搜索页、404 页面以及 WooCommerce 商城页面,实现完整的全站统一风格。
干净代码与性能优化: 输出更精简、语义化的 HTML 结构,减少不必要的 DOM 层级与样式冗余,有利于提升加载速度和服务器表现,对 Core Web Vitals 和 SEO 更友好。
开发者优先的编辑体验: 支持在可视化界面中直接编写自定义 CSS、JS,配合类选择器、全局样式与设计系统,让熟悉前端的用户可以像写代码一样精准控制外观。
动态数据与条件逻辑(Conditions): 可以将文章字段、自定义字段、分类、用户信息等动态数据绑定到组件,并通过条件逻辑控制显示/隐藏,实现个性化内容展示和复杂模板逻辑。
与 ACF / Toolset 等高级字段插件良好集成: 原生支持 Advanced Custom Fields 和 Toolset,将复杂的数据结构以可视化方式呈现,非常适合目录站、会员站、课程站等以结构化数据为核心的项目。
强大的 WooCommerce 构建能力: 可以可视化设计商品归档、商品详情、购物车、结账和账户页面布局,结合动态数据与条件逻辑,构建更灵活、更高转化率的电商前端。
丰富元素与组件库: 提供排版、媒体、按钮、表单、滑块、重复器(Repeater)、组合组件等多种元素,可快速搭建复杂布局,同时支持从基础 HTML 元素开始完全自定义。
响应式与交互控制: 内置响应式断点管理、布局与间距控制,并支持动画、滚动效果和交互(Interactions),无需复杂代码即可实现现代化动效。
可用于大量项目的授权模式: 根据官网信息,Oxygen 支持在无限数量的网站上使用,并提供终身更新与支持,适合代理商和自由职业者批量交付客户项目时统一选型。
成熟社区与更新迭代: 已累积超过数万名付费用户与大量上线站点,社区中有丰富的经验分享与扩展生态,产品持续迭代更新至最新版本。
适用人群与使用场景
适用人群:
- 为客户长期交付项目的 WordPress 开发者、自由职业者与代理商
- 熟悉 HTML/CSS,希望在可视化工具中保持代码掌控感的前端工程师
- 对性能、可维护性有较高要求的技术型站长和技术团队
- 需要将 自定义字段 / 动态内容 与前端展示深度绑定的项目负责人(例如目录站、课程站、会员站等)
典型使用场景:
- 企业官网与品牌站:
希望在保持高性能的前提下实现个性化设计、复杂布局与动画效果的公司官网、品牌展示站。 - 内容驱动型网站:
博客、杂志、知识库、文档站等,需要灵活控制文章模板、分类页面与推荐模块逻辑。 - 电商与订阅业务:
WooCommerce 商城、订阅服务网站、数字商品销售站等,需要深度定制商品列表、详情页、结账页面与会员账户体验。 - 复杂数据驱动站点:
需要展示大量结构化数据的目录站、房产/招聘/课程平台,与 ACF/Toolset 等字段插件配合使用,实现高度定制化前端。
同类插件对比
| 核心功能项 | Oxygen Builder | Elementor Pro | Bricks Builder |
|---|---|---|---|
| 全站可视化构建(页眉/页脚/模板) | ✅ 支持完整站点模板系统 | ✅ 使用 Theme Builder 构建全站模板 | ✅ 作为主题提供全站可视化编辑 |
| 性能与代码干净程度 | ✅ 主打干净代码与更佳性能 | ⚠️ 功能丰富但代码更重,需额外优化 | ✅ 以速度快和干净代码为主打卖点 |
| 开发者友好度(自定义代码/样式) | ✅ 非常强调开发者优先,可直接编写 CSS/JS | ✅ 提供 CSS、自定义代码与大量小工具 | ✅ 强调开发者和高级用户,支持自定义代码与类系统 |
| 动态数据与高级字段集成 | ✅ 深度支持动态数据与 ACF/Toolset | ✅ 支持动态标签,与多类数据源集成 | ✅ 良好支持动态数据与 Query Loop |
| WooCommerce 构建能力 | ✅ 可视化设计各类 Woo 页面与模板 | ✅ Elementor Pro 内置 WooCommerce Builder | ✅ 提供完整 WooCommerce Builder 功能 |
| 是否为主题而非插件 | ❌ 插件形态,接管现有主题输出 | ❌ 插件 + 主题(Hello)组合 | ✅ 自身为主题,内置构建器 |
| 上手难度 | 较高,更偏向有经验的开发者 | 较低,界面友好,适合初学者 | 中等,偏向有一定经验的用户 |
| AI 辅助设计能力 | ❌ 目前无官方内置 AI 编辑器 | ✅ 提供 AI 文案/布局/图片等功能 | ❌ 原生 AI 能力较少,通常通过第三方集成实现 |
差异与选择建议
Oxygen Builder 的突出优势
- 面向开发者,适合希望在可视化工具中保持代码掌控感的人群;
- 综合业界评测与对比,整体输出代码更精简,性能表现相对更优,适合对速度与可维护性敏感的项目;
- 动态数据与条件逻辑能力结合 ACF/Toolset,可以实现复杂的数据驱动页面,适合目录站、会员站、B2B 解决方案等。
Elementor Pro 的相对优势
- 上手门槛低,视觉化编辑非常直观,适合初学者和需要快速产出典型网站的用户;
- 内置大量小工具、模板与 AI 辅助工具,对“非技术型”站长和营销人员更友好。
Bricks Builder 的独特点
- 以主题形态存在,前端采用现代技术栈,主打极致性能与干净代码;
- 与 WooCommerce 有深度集成,适合希望在主题层面统一控制站点的开发者。
用户反馈亮点
开发者视角的“更容易”
很多专业用户提到,相比传统 Page Builder 受限于“组件盒子”,Oxygen 更像是给开发者准备的可视化前端框架,写一点点脚本就能实现想要的效果,不会被组件限制。
代码更干净、站点更轻量
长期使用者反馈,切换到 Oxygen 后,页面 DOM 结构明显简化,前端体积更小,结合合适的缓存方案后,可以更轻松地获得良好的速度与性能评分。
适合作为客户项目的标准化工具
有代理商与自由职业者提到,使用 Oxygen 搭建了大量客户网站,配合客户端模式与 Gutenberg 集成,客户在后台仍能编辑内容,而不需要接触复杂的布局与样式设置,有利于减少后期维护成本。
与其他插件/主题搭配建议
与页面/功能层插件搭配
- WooCommerce:用于构建电商网站时,推荐 Oxygen + WooCommerce 组合,前端全部用 Oxygen 控制商品列表、详情、购物车与结账布局。
- Advanced Custom Fields(ACF) / Toolset:需要复杂数据结构(如课程、案例、房源、职位等)时,使用 ACF/Toolset 定义字段,再用 Oxygen 动态数据与条件逻辑输出。
- 表单与营销工具:搭配常见表单插件(如 Fluent Forms、Gravity Forms 等)或营销插件使用,让 Oxygen 负责外观与布局,其他插件提供表单逻辑与自动化。
与性能和 SEO 工具搭配
- 缓存与优化插件:如 WP Rocket、LiteSpeed Cache 等,用来进一步压缩静态资源、开启缓存;Oxygen 自身代码较轻,配合优化工具可以更容易达到较高速度评分。
- SEO 插件:如 Rank Math、Yoast SEO 等,处理标题、描述、结构化数据,Oxygen 负责前端结构和页面模板,两者互补。
与会员/学习/社区系统搭配
- 如果是会员站或课程站,可以与 LearnDash、LifterLMS、MemberPress 等系统搭配,由 Oxygen 负责课程列表、课程详情、仪表盘等页面的视觉布局,实现统一品牌体验。
- 对于需要社区功能的站点,可与 BuddyPress、PeepSo 等插件组合,让 Oxygen 统一站点整体风格。
常见问题(FAQ)
1. Oxygen 是什么?它是主题还是插件?
Oxygen 是一个运行在 WordPress 上的可视化站点构建插件,会接管网站的外观与结构,相当于“用插件替代了传统主题层”。在启用 Oxygen 后,WordPress 主题系统会被禁用,主题的样式和布局不再生效,由 Oxygen 来统一控制整站设计。
2. 那我还需要选择或购买 WordPress 主题吗?
从技术层面看,Oxygen 启用后会禁用主题输出,你可以保持一个轻量主题处于激活状态,但实际页面布局、样式都由 Oxygen 接管,几乎不再依赖主题。很多用户会直接使用一个空白/默认主题,只把 Oxygen 当作“真正的主题层”来使用。
3. Oxygen 是否支持 WooCommerce 电商站点?
支持。Oxygen 提供专门的 WooCommerce 集成,可以可视化设计商城的商品归档页、商品详情页、购物车、结账和账户页面等模板,让电商前端布局和品牌风格完全可控。
4. 使用 Oxygen 会不会拖慢网站?性能表现如何?
在满足 WordPress 官方最低要求的基础上,Oxygen 官方建议:
- PHP 版本:建议使用当前 WordPress 支持的稳定版本(常见为 PHP 7.4 及以上,实际生产中推荐 8.1–8.3);
- PHP 扩展:建议启用
mbstring、SimpleXML等常用扩展; - 服务器内存:推荐 256 MB 起(512 MB 更佳);
- WP Memory Limit:建议设置为 256 MB 甚至更高;
- 数据库:MySQL / MariaDB 使用 WordPress 官方推荐版本。
如果你正在搭建 WooCommerce 商城或流量较大的网站,建议选用性能较好的主机并合理配置缓存。
5. 安装 Oxygen 对服务器 / 环境有什么要求?
可以。UsersWP 支持创建数量不限的注册表单,每个表单可以设置不同的字段和默认用户角色,例如“学员”“讲师”“雇主”“求职者”等。访客通过不同入口注册时,会自动获得相应角色,这对会员站、招聘站、平台类项目特别实用。
6. 我不会写代码,也适合使用 Oxygen 吗?
Oxygen 是一个可以拖拽操作的可视化构建器,但整体设计理念是 “开发者优先(developer-first)”,界面和思路更贴近前端开发人员:类选择器、全局样式、布局系统、动态数据等概念比较突出。
- 如果你完全不熟悉 HTML / CSS,更追求「所见即所得 + 模板套用」,Elementor 之类的构建器上手会更轻松;
- 如果你愿意学习一些 CSS / 布局基础,或者本身就是技术用户,那么 Oxygen 会给你更高的自由度和更干净的代码输出。
7. Oxygen 能和 Gutenberg 区块编辑器一起使用吗?
可以搭配使用,但各自扮演不同角色:
- Oxygen 接管「主题层」和整体布局,用来设计页眉、页脚、模板和复杂页面结构;
- Gutenberg 更适合作为内容编辑器,让内容编辑人员在后台更新文章文本、图片和区块内容。
需要注意的是,Oxygen 不兼容 FSE / Block Theme(全站块主题),建议使用经典主题或空白主题,同时在 Oxygen 内完成站点结构和布局。
8. Oxygen 和常见的 SEO 插件、缓存插件兼容吗?
大部分以插件形式存在、并不依赖主题模板的 SEO / 缓存 / 表单等插件,都可以与 Oxygen 正常协同工作。例如常见的 SEO 插件、性能优化插件,通常只负责处理元数据、URL、缓存、压缩等逻辑,而前端结构由 Oxygen 输出,两者职责分明。
部分对「主题文件」有强依赖的插件,可能需要额外配置或查阅其帮助文档以确认兼容方式。
9. Oxygen 的授权可以用在多少个站点?可以给客户项目使用吗?
根据官方说明,Oxygen 的授权可以用于不限数量的站点,包括你自己的网站和为客户搭建的项目。也就是说,一次授权可以在多个项目中复用,非常适合自由职业者、建站工作室和代理商。
10. 从 Elementor 等 Page Builder 迁移到 Oxygen 需要注意什么?
Oxygen 采用的是独立的模板与布局体系,不会自动接管或转换其它构建器创建的内容。实际迁移时一般有两种做法:
- 新建 Oxygen 模板,逐步重建原有页面布局,将内容复制粘贴或重新布局;
- 对于不再需要保留的老页面,可以在完成重建后删除或重定向。
因此更推荐在新项目或准备做整体重构的站点使用 Oxygen,而非希望“无损一键转换”的场景。
11. Oxygen 适合新建站还是现有站点重构?
两种都可以,但场景稍有差异:
- 新站:直接用 Oxygen 从零搭建结构和模板,能充分发挥其性能与整站控制优势;
- 老站重构:如果当前主题和构建器代码臃肿、性能不佳,且有预算重做前端结构,可以使用 Oxygen 逐步替换现有模板,实现一次「主题层升级」。
若只是零星修改某几个页面,且现有体系运转良好,不一定需要切换到 Oxygen。
12. Oxygen 的更新会影响现有站点吗?
和其他大型插件一样,更新 Oxygen 可能带来新功能和修复,也有小概率对旧项目产生兼容性影响。官方在 Oxygen 6 发布时就明确说明过,为了支持更现代的开发架构,新旧版本之间会存在一定不兼容性,因此建议在更新前:
- 优先在「测试站 / 测试环境」中升级并验证;
- 备份数据库和站点文件;
- 查看版本更新说明,关注是否有与你使用功能相关的变更。
对于已上线、对可用性要求高的项目,建议采用「先测试后升级」的流程。
13. Oxygen 支持多语言网站吗?
Oxygen 本身负责前端结构和样式,多语言能力通常由多语言插件(如翻译、语言切换、不同语言内容管理等)提供。根据实践经验和第三方评测,大多数主流多语言/SEO/营销插件都可以与 Oxygen 正常工作,只是在使用主题相关功能时需要留意兼容性设置。
你可以把 Oxygen 理解为“负责页面长什么样”,而多语言插件负责“内容用什么语言显示”。
14. 出现样式错乱或前端错误时,有哪些常见排查步骤
如果在使用过程中遇到布局错乱、样式丢失或报错,可以优先尝试以下步骤:
- 检查 PHP 版本:确认当前主机使用的是 WordPress 支持且 Oxygen 推荐的稳定 PHP 版本。
- 刷新固定链接:进入 WordPress 后台「设置 → 固定链接」,直接点击保存,以刷新重写规则。
- 重新生成 Oxygen CSS / 资源:在 Oxygen 设置中重新生成 CSS 与前端资源缓存,排除旧缓存导致的显示问题。
- 逐个排查插件冲突:临时停用其它插件,看问题是否消失,以定位冲突来源。
- 查看浏览器控制台错误:根据报错信息排查脚本或资源加载问题。
通常,大部分显示和样式问题可以通过上述步骤快速定位原因。



