Gutenberg vs. Elementor：一次看懂 哪個更省預算？
直接告訴你結論：
- 想「0 元起步」＋網站結構不複雜 → Gutenberg 是最省錢的第一選擇。
- 想快速拉出花俏版面、接專案計時算錢 → Elementor Pro 省的是「設計工時」，但每年仍要預算 US $59 起。
1. 兩套工具的「基礎成本」
| 項目 | Gutenberg（核心區塊編輯器） | Elementor（Page Builder） |
|---|---|---|
| 取得方式 | WordPress 6.0 以上內建，免費 | Elementor Free 免費； Elementor Pro US $59/年（Essential 1 站）、US $99/年（Advanced 3 站）…依序到 Agency US $399/年（1,000 站） |
| 必要附加費 | 無；可安裝 Stackable、Spectra…等免費區塊包（進階功能才有付費版）WordPress.org | 若想用主題／表單、WooCommerce 等完整元件，需升級 Pro；頁面套件 (Template Kits) 多數亦採訂閱制 |
| 續費模式 | 無 | 按年續訂；到期降回免費版，部分版型/功能將失效 |
小提醒： 兩者都要加上 網域、主機 的固定支出，差別在「編輯器本身」要不要額外付費。
2. 隱形成本：效能與維護
| 面向 | Gutenberg | Elementor |
|---|---|---|
| 速度 / 伺服器負載 | 原生、程式碼精簡，頁面重量最低；在同等主機規格下載入更快，利於 SEO | 功能豐富，但腳本較多，對 共享主機 可能較吃資源，若未細調優化會拖慢頁速 |
| 未來維護 | 跟著 WordPress 更新；兼容性高 | 大版本更新需檢查相容性，尤其是第三方 Elementor Add-ons |
| 學習曲線 | 與 WP 後台操作邏輯一致，新手較易上手 | 所見即得拖曳介面直觀；但設定項目多，初期需時間摸索 |
→ 速度慢 = 可能必須升級更高階主機；若專案目標是「最快上線」且之後頻繁改版，Elementor 節省的人力時間或許大過主機升級費。
3. 功能深度 vs. 外掛預算
| 需求情境 | Gutenberg 方案 | Elementor 方案 |
|---|---|---|
| 純內容型 Blog / 企業簡介 | 內建區塊＋免費區塊包即可完成 | Elementor Free 亦可，但版型有限 |
| 行銷著陸頁、動畫效果 | 需疊加付費區塊包 (如 Stackable Premium ~US $49/年) | Elementor Pro 內建 80+ Widgets、版型庫一次到位 |
| WooCommerce 商店 | 可用官方 WooCommerce Blocks（免費）；需更多客製就安裝付費外掛 | Elementor Advanced Plan 以上才含商店小工具，年費 US $99 起 |
| 大量客製佈局、多站代管 | 可能要組合多款付費區塊包 + 客製 CSS | 直接買 Expert/Agency（25 站/1,000 站）US $199 / US $399，可快速複製佈局給客戶 |
4. 預算試算（1 個小型官網／年）
| 預算項目 | Gutenberg 路線 | Elementor Pro 路線 |
|---|---|---|
| 網域 .com | ≈ US $12 | ≈ US $12 |
| 主機（入門共享） | ≈ US $36 | ≈ US $36 |
| 編輯器授權 | 0 | US $59（Essential） |
| 區塊 / 版型包 | 0（採用免費包） | 已含於 Pro |
| 年總費用 | ≈ US $48 | ≈ US $107 |
差距近 1 倍，但若你需要 Pro 的套版、省時效果，可能 1-2 小時工時就回本。
5. 決策建議
- 預算極低／網站簡單
- 用 Gutenberg + 免費區塊包，把錢省在廣告或內容製作。
- 視覺要求高、常改版
- Elementor Pro 年費雖高，但拖曳式佈局＋大量模板，能大幅縮短設計時間。
- SEO 與效能優先
- Gutenberg 先天更輕量；若選 Elementor，務必搭配快取、延遲載入與優化外掛。
- 接案 / 多站管理
- Elementor Expert/Agency 一次授權多站、可複用模板，整體成本/效率比 Gutenberg + 雜外掛更划算。
為什麼這兩個名字一直被提到？
當老闆想要重新做網站，最常聽到的建議就是：
「直接用 Gutenberg 就好，官方又免費！」
「別傻了！Elementor 拖拉很快，客戶自己也能改頁面！」
聽起來都很合理，但預算有限、時間有限、效果卻想要無限？
先看完本文，再決定掏錢給誰。
Gutenberg 與 Elementor 的前世今生
Gutenberg
- 定義： WordPress 5.0 之後的官方區塊編輯器。
- 歷史： 2018 年問世，目標是讓「文章」與「頁面」都能靠積木式區塊完成。
- 定位： 原生、免費、輕量。
Elementor
- 定義： 以「所見即所得」著稱的第三方頁面編輯器外掛。你在後台用滑鼠拖拉、點選、改文字，前台訪客看到的樣子就同步顯示出來，不用寫程式碼。
- 歷史： 2016 年推出，短短兩年就突破百萬安裝。
- 定位： 高自由度、拖拉即成，免費版功能已很夠用，付費版（Pro）功能更齊全。
重點：一個是 WordPress 官方內建，一個是第三方外掛；路線完全不同。
運作原理與用途：底層邏輯差在哪？
| 項目 | Gutenberg | Elementor |
|---|---|---|
| 底層語法 | 直接寫進 WordPress 文章 / 版面 HTML | 另行產生大量 、CSS、JavaScript |
| 載入方式 | 與核心一起跑，流程單純 | 額外呼叫外掛核心 + 小工具 |
| 用途 | 文章、簡易頁面、WooCommerce 商品描述 | 著陸頁、動態效果、多欄複雜版面 |
舉例：
- 你每天更新部落格？Gutenberg 直接開寫就好。
- 你想做一頁式銷售頁，滑過去就彈動畫？Elementor 兩分鐘拖好拖滿。
優點＆缺點
Gutenberg 的 優點
- 輕量：少 JavaScript 庫，頁面載入快。
- 官方支援：WordPress 升級不怕相容問題。
- 免費：核心功能不收費。
- SEO 友善：乾淨 HTML 結構，搜尋引擎讀得懂。
Gutenberg 的 缺點
- 特效較少：想要炫麗動畫要自己寫 CSS/JavaScript。
- 佈局彈性有限：多欄位、滿版區塊需額外外掛或 CSS。
- 學習曲線：老用戶從舊編輯器跳過來，需要重新適應。
Elementor 的 優點
- 拖拉即成：不用懂程式也能做複雜頁面。
- 小工具多：輪播、背景影片、進階表單…樣樣都有。
- 範本市場大：直接套用現成模板，省時。
- 設計自由：字距、陰影、動畫通通視覺化。
Elementor 的 缺點
- 檔案肥：JavaScript、CSS 打包後體積大，影響網站速度。
- 付費綁死：要完整功能（如 WooCommerce 小工具）得買 Pro。
- 相容風險：WordPress 大版更迭時，偶爾會出現白畫面。
- 後期維護費：頁面多了就難重構，長期成本高。
適用人群：哪一種老闆該選哪一邊？
| 角色 | 建議工具 | 原因 |
|---|---|---|
| 內容型部落客 | Gutenberg | 發文速度與 SEO 最優先 |
| 小吃店老闆 | Gutenberg + 簡單佈景 | 僅需菜單＋地圖，不用花大錢 |
| 行銷團隊 | Elementor Pro | A/B 測試頁快速複製，不寫程式也能改 |
| SaaS 新創 | Gutenberg + 客製區塊 | 輕量、後台易維護，開發者能接管 |
| 品牌形象大站 | Elementor + 客製主題 | 視覺效果第一，願意付授權費 |
費用與時間大比拚（比較表）
| 項目 | Gutenberg | Elementor Free | Elementor Pro |
|---|---|---|---|
| 下載費用 | 0 元 | 0 元 | 約 US$59/年 |
| 頁面初始速度 (PSI) | 80↑ | 70↑ | 60↑ |
| 佈局時間（10 頁） | 12 小時 | 8 小時 | 6 小時 |
| 未來維護費 | 低 | 中 | 高 |
| 二年總成本＊ | 0 元 + 開發工時 | 開發工時 | US$118 + 開發工時 |
💰 以官方授權價 & 基本維護估算。工時費依各公司報價而異。
還有沒有別的選擇？
- Bricks Builder：更輕量的拖拉編輯器，學習曲線中等。
- Beaver Builder：老牌穩定，但生態系較小。
- 全站編輯 (Site Editor)：WordPress 6.x 推出，可用區塊蓋整站。
若預算有限又想要動態效果，可考慮 Gutenberg + Greenshift 等輕量動畫外掛，取得速度與視覺的平衡。
相關影片
影片連結：WordPress 如何關閉 XML-RPC 減少資安攻擊風險
這支由台灣發布的報導，提醒老闆「只要安裝並啟用 Disable XML-RPC-API 外掛，並確認 /xmlrpc.php 無法連線，就能徹底關閉 WordPress 的 XML-RPC 功能，堵住常見駭客攻擊漏洞。」。Gutenberg 程式碼少，攻擊面窄；Elementor 若外掛開太多，就得多花錢顧防火牆。
FAQ 常見問題
最後小總結
選擇編輯器前，先想清楚你要用「錢」換時間，還是願意花時間省錢。若網站架構單純、預算吃緊，就用 Gutenberg，把省下的錢投入內容與行銷；若追求花俏動效、常態改版、或是接案計件計時，Elementor Pro 年費雖高，但縮短的工時往往 1‑2 小時就能回本。別忘了速度、安全與主機升級費都算在總成本裡，決策前先列出所有隱形支出，才能真正省到該省的錢。
