EP03. “Gutenberg vs Elementor：该怎么选”
🔒 登录后可标记已读这篇笔记对比 WordPress 原生编辑器 Gutenberg 和最热门的页面构建器插件 Elementor——各自的优缺点、性能差异、适合什么样的网站。适合刚决定要建站、还在纠结"到底要不要装 Elementor"的新手站长。Elementor 详细设置教程见《BUILDER/ELEMENTOR》系列笔记，Gutenberg 基础操作见《基础操作与区块类型》《常用区块进阶》。
重点内容
核心数据/概念速查
| 维度 | Gutenberg | Elementor |
|---|---|---|
| 价格 | 完全免费，WordPress 自带 | 免费版功能有限，Pro 版约 $59/年起（单站点） |
| 学习曲线 | 较平缓，跟着区块逻辑走 | 中等，功能多、需要花时间摸熟界面 |
| 页面代码量/性能 | 生成的代码量明显更少，官方测试同样视觉效果下比 Elementor 精简约 75% | 生成代码更多，页面体积更大，但搭配 WP Rocket 之类缓存插件后差距会明显缩小 |
| 设计自由度 | 基本够用，复杂特效/动画较弱 | 强，模板库、动画、Widget 种类多，适合精细排版 |
| 是否需要额外插件 | 不需要 | 需要装 Elementor 插件（免费版即可用基础功能） |
| Full Site Editing | 支持（需搭配区块主题），能编辑页首页尾和整站模板 | 需要 Pro 版的 Theme Builder 功能才能做同样的事 |
该怎么选
- 只是写文章、发布内容为主的博客/资讯站 → Gutenberg 够用，免费、加载快，对 SEO 友好
- 需要精细排版的落地页、代理商/企业官网、WooCommerce 商店，想要一个工具从设计到发布全包 → Elementor，模板库和 Widget 能大幅缩短设计时间
- 预算有限、只是想要一个干净够用的网站 → 先从 Gutenberg 开始，不够用再考虑装 Elementor，不必一开始就两个都学
- 两者不是互斥关系：很多站长会用 Elementor 做落地页/首页这类需要精细设计的页面，日常博客文章还是用 Gutenberg 写，两边并存很常见
常见误区
- ❌ 以为不装 Elementor 就没办法做出像样的网站——Gutenberg 本身已经能做分栏、按钮、图文并排这些基本排版，简单站点完全够用
- ❌ 觉得 Elementor 一定比原生编辑器"卡"——实际差距很大程度上取决于有没有搭配缓存插件，装了 LiteSpeed Cache/WP Rocket 之类插件后差距会缩小很多
- 📌 换页面构建器（比如从 Elementor 换回纯 Gutenberg）不是简单的"卸载插件"就完事——用 Elementor 做的页面换掉插件后排版通常会全部跑掉，决定用哪个之前最好先想清楚
Sources
Blog / Website：
- Gutenberg vs Elementor: Key Differences Between WordPress Page Builders — https://kinsta.com/blog/gutenberg-vs-elementor/
- Elementor vs Gutenberg: Which Is Better in 2026？ — https://elementor.com/blog/elementor-vs-g/