Gutenberg vs 页面构建器 2026:你该选谁?
对 Gutenberg、Elementor、Beaver Builder 与 Bricks 的实战比较——以及什么时候「直接用原生编辑器」其实是错的。
如果你过去三年里读过任何一篇 WordPress 博客,多半被告知「现在直接用 Gutenberg 就行」。这话大概只对了一半。Gutenberg 自 2022 年以来确实大幅进步——但页面构建器仍占优势的场景并没有消失,只是位置变了。下面是我们在 2026 年告诉客户的真相。
Gutenberg 自 2022 年起做对的事
三件事翻转了讨论:
- Site Editor(Full Site Editing)真的可用了。 你可以在不离开编辑器的情况下修改页眉、页脚、模板片段以及 404 页。到 WordPress 6.8,Site Editor 已具备导航、查询循环变体、模式覆盖(pattern overrides)——这些在 2022 年都没有可用形态。
theme.json是唯一真相来源。 颜色、字号、间距与布局都在一个可配置文件里。一次样式变更全局生效——再也不用翻找二十个 PHP 模板。- Block Bindings。 自定义字段现在可以驱动任意区块的属性,而不必写自定义区块。这是编辑工作流上最后一块缺口。
最终结果:2022 年你会用 Elementor 搭的站,2026 年大概率用原生 Gutenberg 就能搭完——并且生成的 HTML 通常小一半。
但页面构建器仍在这些地方更优
不过那句「大概率」承担了很多重量。下面四种情形,构建器仍是正确选择:
1. 不能被改坏布局的客户编辑场景
Gutenberg 的 templateLock="all" 有帮助,但属于「要么全锁、要么全开」。Elementor 与 Bricks 都有更细粒度的角色级编辑锁:编辑可以换图但不能改栅格;贡献者可以改文字但不能换图。如果你常给非技术客户交付站点,这个差别巨大。
2. 复杂的滚动驱动动画
Gutenberg 内核里只有基础过渡,没有滚动触发的动画管线。如果设计稿里包含视差、粘性段落过渡或 Lottie 集成,你要么自己写 JS,要么选构建器。我们用 Bricks 处理这类需求——它的交互系统能覆盖过去 80% 需要 GSAP 才能做的事。
3. 共用逻辑的多区域内容
如果你有 12 个着陆页,各自需要不同的英雄区,但共享同一套证言与价格表,Gutenberg 的「同步模式」(Synced Patterns,原 Reusable Blocks)有帮助——但依然「要么全部、要么不」。构建器通常拥有更好的部分同步与覆盖语义。
4. 拒绝从 Figma 走到 Gutenberg 的设计师
这是软因素但很真实。已经熟悉 Elementor 或 Bricks 的设计师在那些工具里出活更快,对于一次性市场站点来说,多出来的一点 HTML 体积往往换得到值得的交付速度。
页面构建器仍然做得差的事
公平起见:
- HTML 体积。 一个简单的 Elementor 页面通常比对应的 Gutenberg 版多发 200–400KB CSS 与 JS。在 4G 手机上能感觉到。
- 厂商绑定。 从 Elementor 迁到 Gutenberg 涉及破坏性的内容迁移;反过来更糟。请慎重选择。
- 插件生态碎片化。 你为 Elementor 2.x 买的第三方扩展包里的 widget,可能在 Elementor 4.x 上失灵,而开发者可能已经消失。Gutenberg 的核心区块由 Automattic 维护——被弃用风险小得多。
决策矩阵
| 场景 | 选择 | |---|---| | 博客 / 出版物 | Gutenberg | | 由 1–2 名技术人员维护的市场站 | Gutenberg | | WooCommerce 商店 | Gutenberg(配合强力主题) | | 客户站点,多名非技术编辑,不能崩 | Elementor 或 Bricks | | 滚动动画为主、稿件驱动的设计 | Bricks | | 已有 Elementor 站,少于 100 页 | 继续用 Elementor | | 已有 Elementor 站,多于 500 页 | 规划在 6–12 个月内迁移到 Gutenberg |
真正可行的迁移路径
如果你决定从页面构建器迁到 Gutenberg,不要尝试就地转换。我们试过所有承诺「Elementor 到 Gutenberg 转换」的插件,结果都比从零重建更难清理。
可行的套路:
- 先把设计 token 写进
theme.json——颜色、字号、间距刻度。先把它定下来,再动任何页面。 - 把你站点真正使用的 5–8 套模式(hero、CTA、三列特性、证言、价格)做成区块模式。
- 用 Gutenberg 手工重建一个模板页作为概念验证。
- 一页一页迁。把旧页面保留在
?legacy=1这种 URL 上,方便视觉对比。 - 等所有页面都迁完,再禁用 Elementor。不要卸载——保留休眠状态一个发布周期,以便回滚。
一句话
Gutenberg 在 2026 年已经好到「用页面构建器」不再是默认答案。但它也不是万能答案。请根据你真实的编辑工作流选工具,而不是哪篇博客喊得最大声就选哪个。
对大多数 ThemesCorners 用户——博主、小企业、WooCommerce 店主——Gutenberg 配上我们的主题就是正确起点。对每年交付五十个客户站、且面对非技术编辑的代理机构来说,构建器仍站得住。