搜尋「Kadence 區塊編輯器」時，很容易把 Kadence Theme、Kadence Blocks、Gutenberg 三個名稱混在一起。其實它們負責的事情不同：WordPress 原生區塊編輯器是編輯內容的基礎；Kadence Blocks 在這個基礎上增加更多區塊與設計控制；Kadence Theme 則是控制網站整體外觀的佈景主題。
如果你的目標是用 WordPress 做文章、首頁、服務頁、課程介紹頁或一般行銷頁，又希望盡量留在原生區塊編輯器裡完成設計，Kadence Blocks 是值得評估的工具。它最大的價值不是「區塊數量很多」，而是讓 Gutenberg 從基本內容編輯器，往更完整的視覺排版工具前進。
截至 2026 年 10 月 6 日查證，WordPress.org 上的 Kadence Blocks 版本為 3.7.12，啟用安裝數超過 600,000。這類版本、安裝數與 Pro 方案內容會持續變動，未來仍應以官方最新資訊為準。
Kadence Blocks 是什麼？先搞懂它和 Gutenberg 的關係
WordPress 從 5.0 起把區塊編輯器作為預設編輯方式。段落、標題、圖片、清單、按鈕等內容，都可以用一個個「區塊」組合。Kadence Blocks 沒有把這套編輯器換掉，而是在原本的區塊系統裡增加更多設計工具。
如果你剛開始接觸 WordPress，建議先看WordPress 是什麼？新手一次搞懂用途、費用、優缺點與架站方式。先分清楚 WordPress、佈景主題與外掛的角色，再來理解 Kadence Blocks 會容易很多。
可以把兩者想成這樣：Gutenberg 提供基本的積木系統，Kadence Blocks 則多給你一批更適合網站版面設計的積木，同時加強間距、欄位、響應式、背景、字體與互動設定。你仍然是在 WordPress 編輯器裡工作，文章與頁面的編輯流程不會突然變成另一套後台。
Kadence Theme、Kadence Blocks、WordPress 區塊編輯器差在哪裡？
| 工具 | 主要角色 | 常見用途 |
|---|---|---|
| WordPress 區塊編輯器 | 原生內容編輯器 | 文章、頁面、基本文字與媒體排版 |
| Kadence Blocks | 擴充原生區塊能力的外掛 | 進階版面、按鈕、表單、圖庫、頁籤、FAQ、目錄等 |
| Kadence Theme | WordPress 佈景主題 | 頁首、頁尾、全站字體、色彩、文章版型與網站整體外觀 |
所以，安裝 Kadence Blocks 不代表一定要使用 Kadence Theme。官方說明指出 Kadence Blocks 可以搭配大多數 WordPress 佈景主題。反過來也一樣：你可以使用 Kadence Theme，但頁面仍然用 WordPress 原生區塊、Elementor 或其他相容工具製作。
如果你正在研究 Kadence Theme，可以延伸閱讀Kadence 佈景主題適合線上課程網站嗎？免費版、Pro 與 LMS 整合解析。那篇談的是「網站外觀骨架」，這篇談的 Kadence Blocks 則偏向「頁面內容怎麼組」。
Kadence Blocks 可以做什麼？常用功能比區塊數量更重要
1. 用 Row Layout 與 Section 組出版面
一般文章只需要標題、段落和圖片，但首頁、服務頁或銷售頁常會需要多欄、滿版背景、左右圖文、內容卡片等結構。Kadence Blocks 的 Row Layout、Section 等區塊，就是拿來處理這一層。
它的好處是版面仍然建立在 WordPress 區塊編輯器裡，不需要為了做兩欄或三欄就切換到另一套頁面編輯器。不過層級仍要控制，Section 一層包一層並不會讓設計更專業，只會讓日後維護更麻煩。
2. 分別調整桌機、平板與手機
網站不是桌機版縮小就算完成。Kadence Blocks 提供響應式控制，可以依裝置調整間距、字級、排列與部分顯示設定。做完一個區塊後就檢查手機版，通常比整頁完成後才一次修手機版省事。
3. 補足一般網站常用的內容區塊
官方免費版目前包含 Accordion、Advanced Button、Advanced Form、Advanced Gallery、Advanced Text、Countdown、Info Box、Icon List、Posts、Table of Contents、Tabs、Testimonials 等多種區塊。這些名稱不需要全部背起來，真正有用的是它們能處理常見頁面需求，例如 FAQ、特色說明、按鈕、文章列表、目錄、圖庫與表單。
4. 用 Design Library 加快起版速度
不想每個區塊都從空白開始，可以使用設計範本庫（Design Library）挑選現成版型，再換成自己的文字、圖片與品牌設定。這比較適合拿來當起點，不建議整頁照搬後只換 logo，否則不同網站很容易長得太像。
Kadence Blocks 免費版夠用嗎？先從實際需求判斷
對一般內容網站、部落格、品牌官網與中等複雜度的行銷頁來說，免費版已經能完成不少工作。版面、文字、按鈕、圖庫、資訊框、頁籤、手風琴、目錄、文章列表與基本表單都有可用工具。
Pro 比較適合已經明確需要進階查詢、動態內容、彈出視窗（Modal）、進階輪播（Slider）、產品輪播、重複欄位（Repeater）、動畫或更多設計範本的人。判斷順序應該是先列出「這個網站現在缺什麼功能」，再看 Pro 是否剛好解決；不要因為功能表很長就先付費，最後只用到免費版原本就有的功能。
Kadence Blocks 和 Elementor 差在哪裡？
這兩個工具都能做視覺化頁面，但工作方式不同。Kadence Blocks 是在 WordPress 原生區塊編輯器上擴充；Elementor 則有自己完整的視覺化編輯介面。對新手來說，這個差異比「誰的元件比較多」更值得先看。
| 比較項目 | Kadence Blocks | Elementor |
|---|---|---|
| 編輯環境 | WordPress 原生區塊編輯器 | Elementor 自有視覺編輯器 |
| 內容結構 | 以 WordPress Blocks 為核心 | 以 Elementor 元素與 Container 為核心 |
| 學習方向 | 先熟悉 Gutenberg，再加進階區塊 | 直接學 Elementor 的介面與版面系統 |
| 版面自由度 | 足以完成多數內容型與一般行銷頁 | 複雜視覺頁面通常有更多細節控制 |
| 既有內容轉換 | 不會自動把 Elementor 頁面轉成 Blocks | 既有 Elementor 頁面繼續由 Elementor 維護 |
如果你的網站已經大量使用 Elementor，不需要因為看到 Kadence Blocks 就全面重做。可以先把新文章、新的簡單內容頁改用區塊編輯器，再觀察維護習慣是否更適合自己。若你正在選擇兩者，也可以先看Elementor 是什麼？免費版 vs Pro、功能差異與適合哪些網站，把兩種工作流程放在一起比較。
Kadence Blocks 會讓網站比較快嗎？不要只看「輕量」兩個字
Kadence Blocks 官方提供 Intelligent Load，會依頁面實際使用的區塊載入需要的 CSS 與 JavaScript，目的是減少沒有使用到的資源。這是合理的效能設計，但不能直接推論成「裝了 Kadence Blocks，網站一定比較快」。
實際速度還會受到圖片大小、字型、第三方追蹤碼、外掛數量、頁面巢狀層級、動畫、主機資源、快取與 CDN 等因素影響。就算使用相對輕量的區塊工具，塞入大量高解析圖片、影片、自動播放效果與多層版面，一樣可能拖慢頁面。
- 圖片先壓縮並使用合適尺寸，不要把超大原圖直接塞進版面。
- 能用同一套區塊工具完成的功能，不要同時安裝多套功能高度重疊的 Blocks 外掛。
- 動畫、輪播、影片與第三方腳本只在真的有用途時加入。
- 做完頁面後再用實際前台測速，不要只根據編輯器的體感判斷。
- 網站主機、快取與 CDN 仍是整體速度的一部分，頁面編輯器無法單獨解決所有效能問題。
Kadence Blocks 適合拿來做哪些頁面？
它特別適合內容與版面需要兼顧、但又不想每一頁都進獨立的頁面編輯器 的網站。常見情境包括部落格文章、首頁、服務介紹、關於頁、活動報名頁、課程介紹頁、FAQ、聯絡頁，以及結構不過度複雜的 Landing Page。
如果你的頁面需要大量特殊動畫、極度自由的定位、複雜互動或高度客製化視覺效果，Elementor 或其他專門頁面編輯器可能會比較順手。反過來，如果頁面重點是內容、搜尋流量、清楚的資訊架構與日後好維護，Kadence Blocks 這種原生區塊路線通常更容易保持一致。
哪些人比較適合使用 Kadence 區塊編輯器？
- 主要用 WordPress 寫文章的人：希望文章和一般頁面都在同一套編輯器完成。
- 不想依賴大型 Page Builder 的人：想以 Gutenberg 為主，但覺得原生區塊控制不夠。
- 自己維護網站的講師、顧問與個人品牌：常需要新增活動頁、服務頁、課程介紹與 FAQ。
- 在意長期維護的人：希望內容結構盡量貼近 WordPress 原生系統，不想每次改一段文字都進另一套編輯器。
- 需要一套統一設計規則的人：願意先整理字體、色彩、間距與區塊預設，而不是每一頁重新設計。
什麼情況下不需要急著換 Kadence Blocks？
如果現有網站已經用 Elementor、Bricks 或其他頁面編輯器做得穩定，而且團隊也熟悉原本流程，沒有必要為了追求「更原生」就把所有頁面重做。工具遷移本身有成本，舊頁面的版面、表單、按鈕、追蹤與手機版都要重新驗證。
另外，關掉 Elementor 不會把 Elementor 版面自動轉成 Kadence Blocks。兩者儲存與渲染頁面的方式不同。如果真的要遷移，應該把它視為「重建頁面」，而不是「切換編輯器」。
想從 Elementor 改用 Kadence Blocks，怎麼做比較穩？
不要一開始就全站停用 Elementor。比較穩的方式，是先挑一個風險低、結構簡單的頁面做測試，確認新的工作流程適合自己，再決定要不要逐步遷移。
- 先備份或使用測試環境。正式網站不要拿來直接試大規模編輯器遷移。
- 挑一頁重新製作。用 Kadence Blocks 重建內容，不依賴「停用 Elementor 後版面會自己留下」這種假設。
- 核對桌機與手機版。逐一檢查字體、間距、圖片、按鈕、表單、連結與追蹤功能。
- 確認前台沒有依賴 Elementor 後再處理舊頁。同一時間保留必要的 Elementor 頁面，不需要一次全部搬完。
- 最後才評估能否停用外掛。只有網站已沒有任何必要頁面或功能依賴 Elementor，才進一步測試停用。
新手使用 Kadence Blocks，先做好這 5 件事
先設定全站字體與顏色
不要每個標題都手動選一次顏色、每個按鈕都重新設定字型。網站先建立全域設計規則，後面新增頁面會穩定很多。若佈景主題本身也有全域色彩與字體，先決定哪一層是主要來源，避免兩套設定互相覆蓋。
先學 Row Layout 與 Section，再學特殊區塊
版面骨架比動畫重要。先會控制內容寬度、欄位、對齊與間距，之後再加頁籤、輪播或動態內容，比較不會做出「功能很多，但版面很亂」的頁面。
建立常用區塊的預設值
如果每顆按鈕都要重調圓角、內距、字級與顏色，維護成本會很高。Kadence Blocks 提供可設定預設值的設計能力，適合拿來統一常用元件。
每完成一段就看手機版
桌機三欄到了手機可能需要改成單欄；大標題也可能要縮小。不要等整頁做完才看手機，否則前面很多間距設定會一起連鎖修改。
只保留真正需要的功能
Block 外掛很容易愈裝愈多。看到一個新區塊就裝一套外掛，幾個月後可能同時出現三套按鈕、四套 Accordion。先用現有工具解決問題，真的缺功能再增加，網站會比較好維護。
Kadence Blocks 常見的 5 個使用錯誤
- 把 Kadence Theme 和 Kadence Blocks 當成同一個東西。一個是佈景主題，一個是區塊外掛。
- 同時裝太多 區塊套件。功能重疊會增加學習與維護成本，編輯器裡也更難找區塊。
- 為了排版一直增加巢狀層級。版面應該用最少且合理的容器完成，不是包得愈多層愈好。
- 全域樣式和區塊樣式互相打架。先決定字體、色彩、間距的管理方式，再開始大量做頁面。
- 只看桌機，不測實際手機。編輯器預覽可以幫忙，但正式前仍要用真實前台檢查。
Kadence 區塊編輯器常見問題
使用 Kadence Blocks 一定要安裝 Kadence Theme 嗎？
不用。Kadence Blocks 是獨立的 WordPress 外掛，官方說明可搭配大多數 WordPress 佈景主題。使用 Kadence Theme 的好處是兩者設計理念接近，但不是必要條件。
Kadence Blocks 免費版夠用嗎？
一般部落格、內容網站、品牌官網與中等複雜度的頁面，免費版已能處理很多需求。是否需要 Pro，不應只看區塊數量，而要看你是否真的需要動態內容、進階查詢、進階輪播或其他 Pro 功能。
Kadence Blocks 可以搭配 Blocksy 嗎？
可以。Kadence Blocks 並不限定只能搭配 Kadence Theme。若使用 Blocksy，建議先用佈景主題管理全站色彩、字體與主要版型，再讓 Kadence Blocks 負責頁面內容區塊，避免同一項設定在不同地方重複控制。
Kadence Blocks 和 Elementor 可以同時存在嗎？
可以安裝在同一個 WordPress 網站，但同一個頁面最好先決定主要由哪套編輯流程維護。Kadence Blocks 是 Gutenberg 區塊；Elementor 頁面則在 Elementor 編輯器中維護，兩者不會自動互相轉換。
Kadence Blocks 適合線上課程網站嗎？
適合拿來製作課程介紹、講師介紹、FAQ、內容文章、活動頁與部分銷售頁，但它不是學習管理系統（Learning Management System，LMS）。課程章節、學員權限、進度、測驗與付費等功能，仍要由 LMS、WooCommerce 或其他系統負責。
Kadence Blocks 值不值得用？先看你的工作流程
如果你喜歡 WordPress 原生區塊編輯器，只是覺得基本區塊不足，Kadence Blocks 是很自然的延伸。它讓你不離開 Gutenberg，也能完成更完整的版面、響應式控制與常見網站元件。
但如果你的網站已經深度使用 Elementor，而且目前維護順暢，就沒有必要只為了「換成區塊編輯器」而重建全站。好的工具選擇不是追逐最多功能，而是讓內容更新、設計一致、網站速度與後續維護都落在你能掌握的範圍。
第一次選擇時，可以先用免費版做一篇文章和一個簡單頁面。實際做過桌機、手機、按鈕、圖片與版面調整之後，你很快就能知道這套工作方式是不是適合自己，比只看功能比較表更準。
參考資料
WordPress.org — Kadence Blocks — Page Builder Toolkit for Gutenberg Editor
WordPress.org Documentation — WordPress Block Editor
Kadence WP — Free vs Pro
Kadence WP — Blocks Pro