Kadence 佈景主題教學：AI 快速架站 + 實戰應用【2026】

最後更新時間：2026-01-25，由 Dean 更新

在測試 WordPress 佈景主題時，你應該會發現：好像功能越多、網站越慢？

Kadence 解決了這個難題，創辦人 Ben Ritner 對這款主題的主訴就是「輕量、好設計又不卡」。這篇就幫你整理，Kadence 有哪些優缺點、免費版跟付費版差在哪、什麼情況適合升級。

Kadence 佈景主題有什麼優缺點？適合誰用？

Kadence 優點

• 載入效能佳：支援 CSS 預先載入、Google Fonts 本機載入、圖片自動依裝置調整尺寸，高級版可優化背景影片載入，提升整體頁面速度。
• 編輯流暢不卡頓：採用 WordPress 原生編輯模式，即時預覽順暢，編輯體驗穩定。
• 免費功能完整：免費版包含 AI 模板、20+ 區塊、表單寄送 Email、黏性與透明頁首、FluentCRM、MailerLite 整合、延遲載入與結構化資料，一般網站已相當足夠。
• 配色管理方便：免費版提供 3 組全域調色盤，高級版可管理多組配色，設計與切換更有效率。
• 免費模板數量多：提供近 50 組免費模板，安裝 Starter Template 即可匯入，並支援 AI 快速套版。
• 區塊顯示控制彈性高：進階方案提供 Hooked Elements，可依登入狀態、頁面類型與裝置條件顯示指定區塊，適合精準放置 CTA、表單與追蹤資訊。

Kadence 缺點

• 尚未支援繁體中文介面：目前僅提供英文介面，對台灣使用者較不友善。
• 中文教學與生態系較少：主題推出時間較短，中文資源不多，且未開放第三方開發專屬外掛，延伸應用有限。
• 進階方案價格偏高：免費與入門版功能差異不大，但入門方案價格略高；若需彈窗、主題建構器等功能，需升級至較高年費方案或另購專業版。

Kadence 適合誰用？

• 用過其他主題，但覺得樣式設定太少的站長。
• 對網站外觀和速度都很在意的站長。
• 有行銷需求、不想再裝頁面編輯器外掛的站長。
• 經營不同頁面或活動，希望能快速切換風格的品牌經營者。
• 想精準控制內容出現位置，打造差異化體驗的行銷人員。

Kadence 和其他佈景主題比較

如何安裝 Kadence 佈景主題？

step 1

登進 WordPress 網站後台：

1. 到左側選單點「外觀 > 佈景主題」，進入佈景主題頁面。
2. 接著點上方的「安裝佈景主題」，畫面會變成搜尋模式。
3. 右上角輸入「Kadence」。
4. 等它出現在下方後，點進去安裝並啟用。

step 2

安裝成功後，接下來有兩個選擇：

1. 如果想自己慢慢調整樣式，就直接點「自訂」，參考下面的 Kadence 入門教學做設定。
2. 如果想快速把網站生出來，就點「Install AI Starter Templates」安裝「Kadence AI」，用 AI 幫你套用整個網站範本，省下設定時間。(下一段會教你怎麼用) 。

Kadence AI 怎麼用？3 個步驟快速建立網站

Kadence AI 套版是快速架網站的好用功能，以下教你如何操作。

第一步：啟用外掛 & 註冊免費版

step 1

在上一個步驟中，如果你有點「Install AI Starter Templates」，就會看到下圖這個畫面，直接點選按鈕啟用。

step 2

接著會跳出一個新分頁，選「Continue — Free」，用免費版註冊一個帳號 (要登入才能繼續用)。

step 3

註冊完成後，切回 WordPress 分頁，點右下角的「Next」，就可以開始設定囉！

第二步：設定網站資料 & 圖片

step 1

第一步會請你填寫一些網站資訊，讓 AI 知道你的網站方向：

1. 語言設定 (Your Site’s Language)：目前不支援中文，維持英文就好。
2. 身分選擇 (I am)：選你是個人、團隊還是公司，AI 會照類型生成文案語氣。
3. 網站名稱 (Name)：輸入你的網站或品牌名稱，之後也可再改。
4. 所在地點 (Where are you based)：如果是線上教學、接案，建議選「Online Only」。
5. 產業類型 (What Industry are you in)：手動用英文輸入產業名稱，像是「life coach」「handmade jewelry」等。
6. 填好後，點「Next」進入下一步。

step 2

這一頁是讓 AI 更了解你是誰、網站要做什麼。可以參考這些範例來撰寫內容：

• 你是誰？提供什麼服務？例如：我是 Dean，提供線上寫作課程與一對一寫作教練服務。
• 你的亮點是什麼？與別人有什麼不同？例如：我幫助學生找到寫作亮點，塑造個人風格。
• 服務內容有哪些？先列出最主要的服務項目，例如：線上寫作課程、一對一指導等。
• 你的理念或價值觀？例如：我相信每個人都有自己的表達方式，用自己的風格而不是框架寫作。
• 最後傳達你的承諾或信念，如：我致力於提供有溫度的教學，幫助每個人找回創作的力量。

完成後，點「Next」。

step 3

1. 輸入 5～10 個網站關鍵字，像是 writing、coaching、notion、emotional、growth 等。
2. 語氣選擇可視情況設定，要是網站最後會改中文，這裡就先略過。
3. 點「Next」繼續。

step 4

這一步是選網站的「用途與目標」，會影響網站結構與首頁設計，記得勾選符合的項目：

• 例如：「I want to display my services (我要展示服務)」接案或個人品牌服務適用，或「I want to write blog posts (我要寫部落格)」
• 完成後記得把比較重要的勾選，變「Make Primary」，讓 AI 知道你的主要目標是什麼。

確認都沒問題，就到下一步。

step 5

最後來選網站圖片。AI 會預設幫你挑一組圖，但我建議你花點時間選一組更貼近品牌感覺的圖庫，最好包含 2～3 張「你自己」的專業照。

1. Use Images From (選擇圖片來源)：選擇圖片來源，也可以自建圖片集。
2. Edit Collection (調整圖片集)：
   • 左邊是 Featured Images (精選圖片)，會放在首頁最上方的區塊，建議用個人照片。
   • 右邊是 Background Images (背景圖片)，主要是做設計用，用 AI 選的也可以。
3. 圖片挑好後，點「Generate Base Content」，AI 就會開始幫你組裝整個網站囉！

等系統跑一下 (通常 1 分鐘內)，第一版網站就會自動生成完成。

第三步：確認頁面 & 設定後生成網站

step 1

先選一個你喜歡的網站模板。這些模板是根據剛剛填寫的資料生成的，不同的只有外觀，內容功能都一樣。

我自己選的是中間這款，版面乾淨、容易修改。

step 2

接著選配色和風格：

1. 主色 (Highlight Color)：會套用在按鈕、重點字上，建議選跟品牌色接近的顏色。
2. 背景樣式 (Background Style)：
   • Light 是亮色系，Dark 是暗色系。
   • 背景色調：1～2 偏暖色，3～4 偏冷色。
3. 都選好後點「Next」。

6 大配色技巧全攻略：必學色相環 ＋ 配色網站（含案例分析）

step 3

這一步是確認要匯入的頁面和設定：

1. 左邊的選項建議保留預設，會自動幫你設好首頁、頁尾跟整體配色。
2. 中間的頁面像是 About、Contact、Pricing 等等，建議先勾起來，用不到再刪掉就好。
3. 都確認後點「Next」。

step 4

這邊是外掛安裝確認：

1. 「Kadence Blocks」是這個主題用來排版的工具，不能取消。其他外掛可依需求勾選 (都免費)。
2. 點「Finish and Launch」，就會開始匯入網站囉。

step 5

最後確認視窗會跳出：

1. 點「Start Import」開始匯入。
2. 系統跑一下，大概一分鐘就好，看到完成畫面後可以點「See my site」直接看成果。

到這邊，網站的基礎架構和設計都已經套好了。

接下來你只要改文案、調整字體或區塊樣式，就能快速完成網站，不用從空白頁開始排。

如果之後想換風格，也可以到後台的「Site Assist > Start Template」重新選模板，或修改前面填的網站資料再跑一次 (扣 70 AI 點數)。

Kadence 4 個進階功能：把網站變更專業

可串接電子信箱 + 固定在頁面上的 Form 表單 (免費)

Kadence 提供免費的進階表單功能，讓你不用額外裝外掛，就能搜集 Email、串接訂閱服務、寄到指定信箱，甚至把表單固定在畫面下方，可用在搜集名單、接洽詢問或預約表單等。

若有跟著步驟用 Kadence AI 套版，表單會自動出現在適合的位置，只要改文字就能用。但要是用其他主題或沒用 AI 套版，就要先安裝 Kadence Blocks，才能新增並設定表單喔。

使用 Design Library 的現成區塊，快速設計專業頁面 (免費)

如果你還不太會自己排版，或者想省下從零開始的時間，Kadence Blocks 提供的 Design Library 功能就很好用，裡面有上百個現成設計好的「區塊」與「頁面模板」，大部分都能免費用。

搭配 AI 套版的話，這些區塊也會自動依照你當初選的主色系套好樣式，直接就能用。

文章中段自動插入下載區塊：省下手動貼上的時間

如果你常在文章中插入「延伸閱讀」、「點這下載」、「免費小工具」這種區塊，推薦你用 Kadence 的 Hooked Elements 功能自動插入，不用每篇手動貼 code。

這功能很適合：

• 全站下載區塊統一樣式，改一個就套全部
• 推薦內容／廣告／CTA 穿插在文章中
• 不會打斷寫作流程

只讓對的人看到預約表單，看完就馬上預約

如果你希望「看完某頁服務介紹的人，直接預約」，那 Kadence 的 Hooked Elements 功能就可以讓你把某段內容自動插入到特定頁面、位置或裝置。例如：只在「服務頁」底部出現 CTA。

這功能非常適合：

• 在特定文章後插入訂閱區塊。
• 在特定頁面顯示預約或報名表單。
• 自動在行動版插入浮動按鈕。

不過，Hooked Elements 是 Kadence 的進階功能，需要額外購買 Theme Pro 或升級到 Plus 方案。

Kadence 免費版與專業版差在哪？

總而言之，如果你只是想要一個外觀不錯、速度快、支援中文排版的網站架構，搭配免費的 Kadence Blocks 外掛就能應付，適合內容網站、作品集網站或形象網站。

但要是你是經營電商，有較多的行銷需求，單買 Theme Kit Pro 會比較適合。

Kadence Blocks Pro 是什麼？有包含在方案裡嗎？

Kadence Blocks Pro 是官方單賣的專業版區塊編輯外掛，它是整合在 WordPress 內建的區塊編輯器中使用，加入更多小工具、表單串接與動態內容，能做出更有設計感、互動感更強的頁面。

主要包含以下特點：

• 設計素材庫：可儲存常用的區塊樣式與整組區塊設計，快速套用在其他頁面，不必每次重做。
• 動態內容：能根據文章分類、標籤、使用者狀態等條件，自動載入對應內容，適合做條件顯示、內容客製化。
• 自訂字體與 icon：支援上傳自己的字型與 SVG icon，讓網站風格更一致。
• 查詢循環 (Query Loop) 與條件式顯示：進階使用者可以用來做進階篩選、自訂文章列表或互動式內容。

除了單賣，它也包含在 Plus 以上的高階方案裡，適合想強化排版設計和動態網頁的人來用。

3 種免費好用的 Kadence 外掛介紹

• Kadence Blocks：免費版提供 20 多種額外的區塊小工具，而且和 WordPress 編輯器高度相容。
• Kadence WooCommerce Email Designer：自訂 WooCommerce 電子郵件的模板。
• Kadence Starter Templates (AI Powered)：根據企業、部落格、作品集、電商等不同領域提供免費模板，並使用 AI 功能套版，可省去手動調整圖片和區塊的時間。

Kadence 其他相關問題