Wordpress

Kadence 是什麼?佈景主題、區塊外掛與 AI 起始範本一次搞懂

多數人以為在 WordPress 後台裝一個叫 Kadence 的佈景主題,網站的骨架跟外觀就一次到位,其實你只裝到這整套系統的三分之一。多合一佈景主題最常見的抱怨,是功能塞得越多,首頁的測速分數掉得越快,哪天想換個版面,又得整個重新排版才動得了。

Kadence 其實是「Kadence Theme(佈景主題)、Kadence Blocks(區塊外掛)、Starter Templates(起始範本)」三件套組成的一整套架站系統。把排版彈性交給 Blocks、把速度與基礎架構留給輕量的 Theme 本體、把「從空白頁開始」的痛點交給範本,三者共用同一組全域設計設定,裝在一起才是完整的 Kadence 體驗,但也可以只挑其中一項單獨使用。Kadence 官方公開頁面自報已建置超過 50 萬個 WordPress 網站,Trustpilot 評分 4.8 分,這個規模也是它常被拿來跟 Astra、GeneratePress 這類輕量主題相提並論的原因。

讀完這篇,你會清楚三件套各自負責什麼、後台要按哪些步驟才能從安裝走到可編輯的版面、免費版跟兩百多組付費範本之間有什麼差異,以及這波訂閱制重整之後,新的三層方案怎麼分。先從三件套怎麼分工講起,再一路拆到你實際會在後台按到的每一個按鈕。

Kadence 是什麼?佈景主題、區塊外掛與起始範本三件套

多合一佈景主題有個常見的老問題,就是為了讓使用者「什麼都能改」,把頁首建構、頁面範本、電商工具、進階動畫全部塞進主題本體,結果不管用不用得到,程式碼都得先載入一遍,網站自然越跑越慢。等到有一天想換版面風格,又發現改版設定跟主題深度綁定,幾乎等於重寫一次。

Kadence 的解法是把這幾件事拆開來做。Kadence Theme 只負責最基礎的骨架與效能,包括頁面結構、標頭標尾、全域設計設定,程式碼保持乾淨;真正花俏的排版與互動效果,交給獨立的 Kadence Blocks 區塊外掛去處理;至於「不知道從哪一頁開始動手」的空白頁焦慮,則由 Starter Templates 起始範本(含近年主打的 AI 版)接手,挑一組現成版面就能開始改文字。三者各司其職,又共用同一套全域配色與字體設定,所以換一個 Kadence 範本、改一次全站配色,不會像換主題那樣連地基一起打掉重練。

Kadence 分成佈景主題、區塊外掛、起始範本三件套,三者各司其職又共用同一組全域設計設定。
Kadence 是佈景主題、區塊外掛與起始範本組成的一整套系統,三者共用同一套全域設計,也能單獨使用。

三者雖然設計成搭配使用,實際上也可以拆開:Kadence Theme 可以搭配別的區塊外掛,Kadence Blocks 同樣能裝在別的佈景主題上,只是官方把三者放進同一套訂閱與帳號系統底下,搭配起來體驗最完整。

Kadence 官方主題頁對自己的定位描述是「打造任何網站的主題,部落格、商用網站、線上商店或線上課程都適用」,同時強調出廠就是乾淨、最佳化過的程式碼,額外功能像 WooCommerce 工具、進階區塊、資安防護、多站管理,都是用外掛或加購包疊加上去,不是預先塞好、卻用不到還在背景跑。這種「基礎輕量、功能用外掛疊加」的分工邏輯,貫穿了 Theme、Blocks、Starter Templates 各自扮演的角色。

Kadence Theme 本體的輕量化設計

Theme 本體的輕量,靠的是幾個具體的技術手段,不是「相信我們,這個主題很快」這種空話。CSS 預先載入(preload)讓瀏覽器提早抓到畫面渲染需要的樣式,不用等其他資源都下載完才開始排版;Google Fonts 改成本機託管,不必額外連到 Google 的伺服器要字體,同時兼顧速度與隱私;圖片則會依裝置螢幕尺寸自動輸出對應大小,手機不會被迫下載桌機那張全尺寸圖。

搭配 Kadence Blocks 使用時,還有一個叫「Intelligent Load(智慧載入)」的機制。同樣的區塊,只有頁面真的用到它的時候,才會載入對應的 CSS 或 JavaScript,沒用到的功能不會偷偷跟著載入拖慢速度。Kadence Blocks 官方外掛頁把這件事講得很直白,區塊不會拖慢網站,因為只有頁面實際用到的區塊,才會載入對應的程式碼。這幾項技術合起來,才是 Theme 本體「開箱就快」的真正原因,不必額外做效能調校。

Kadence Theme 本體靠 CSS 預先載入、字體本機託管、響應式圖片與智慧載入四項技術做到開箱就快。
Theme 本體的速度不是空話,靠四項具體技術做到開箱就快,不必自己動手做效能調校。

多數多合一主題要達到同等速度,得靠站長自己動手停用不用的模組、手動設定快取規則;Kadence 把這些判斷邏輯直接寫進程式本身,對不熟悉效能調校的使用者反而更友善,不用先搞懂哪個外掛在拖速度,系統本來就只載入用得到的部分。

後台安裝三個套件就能從空白頁進到可編輯版面

取得 Kadence 的路徑很單純。在 WordPress 後台「外觀→佈景主題→安裝佈景主題」搜尋「Kadence」,就能免費安裝並啟用 Kadence Theme。啟用後系統會問你兩條路:要自己慢慢調整版面,或是安裝免費的「Kadence Starter Templates」外掛,直接匯入一套現成範本再改內容。

Kadence Blocks 本身是一支獨立的免費外掛,一樣可以在外掛頁搜尋安裝,不一定要透過範本流程才用得到;不過如果你選擇走「匯入起始範本」這條路,Kadence Blocks 會被系統列為必裝項目、無法取消勾選,因為範本裡的排版內容本身就是用 Kadence Blocks 組成的,少了它範本會顯示不完整。換句話說,不管從哪條路徑進來,最後手上會有的三個套件都一樣,差別只在系統要不要先幫你擺好一份版面草稿。

WordPress 後台「外觀→佈景主題」頁面,Kadence 已列為目前使用的佈景主題,可從佈景主題庫免費安裝並啟用。
在後台「外觀→佈景主題」搜尋 Kadence,就能免費安裝並啟用這套官方主題。

全域調色盤與字型系統,改一次全站同步套用

Kadence 的核心賣點之一,是不用逐頁調樣式的「全域設計系統」。一組全域調色盤(Global Palette)把顏色分成強調色(accent)、對比色(contrast)、基礎色(base)幾個群組,另外還有一組通知用色(notice);這些顏色會同步出現在區塊編輯器的顏色選擇器裡,換掉調色盤裡的任何一色,全站套用該顏色的按鈕、標題、背景會跟著一起變,不必一頁一頁重新上色。免費版可以建立並切換 3 組完整調色盤,付費方案能管理的組數更多,適合同時經營多個品牌風格的網站。

字型系統走同一套邏輯,設定路徑在「外觀→自訂→顏色與字型→字體排印」。這裡分成兩個層級:基礎字體管內文、導覽列、麵包屑這些共用文字,標題字體套用到所有 H 標籤;每個字級設定旁邊都有桌機、平板、手機三個獨立的響應式控制圖示,可以分別調整字級、行高、字距,不必為了手機版另外寫一套 CSS。Kadence Theme 與 Kadence Blocks 都內建支援完整的 Google 字體庫,不需要另外安裝字體外掛或額外付費。

Kadence 自訂器裡的全域調色盤,把整站顏色集中成強調色、對比色、基礎色等群組,改一次就能全站同步。
全域調色盤把整站用色集中管理,換掉其中一色,全站套用該顏色的按鈕、標題、背景都會跟著一起變。

拖曳式頁首頁尾建構器內建黏性、透明、巨型選單與多列式導覽

頁首頁尾建構器(Header/Footer Builder)是 Kadence 相對其他輕量主題最常被提起的差異化功能。頁首與頁尾都用同一套視覺化建構介面組成,可以自由排列 logo、選單、搜尋、按鈕、社群圖示等 20 多種頁首元件,整個過程用滑鼠拖曳排版,不必寫任何程式碼。Kadence 官方主題頁的說法是,用這套視覺化建構器,幾分鐘內就能組出任何頁首或頁尾,並內建黏性列、透明頁首、巨型選單與多列式導覽。

黏性頁首(sticky)讓使用者往下捲動時,頁首固定在畫面上方不會消失;透明頁首(transparent)則是首屏疊在背景圖上,捲動後才變成實色背景,常見於形象網站的首頁;巨型選單(mega menu)讓選單項目底下可以放圖片、說明文字、多欄排版,不再只是一條條純文字清單;多列式導覽則可以在同一個頁首疊 2、3 列,例如上面一列放公告或聯絡資訊,下面一列才是主選單。如果網站走的是區塊編輯器的「全站編輯」(Full Site Editing)模式,另外還有「進階頁首(Advanced Header)」與「導覽(Navigation)」區塊,可以做更複雜的巨型選單排版與子選單設計。

Kadence 自訂器底部的拖曳式頁首建構器,把 Logo、主要導覽等元件拖進上、中、下三列就能排出頁首。
頁首頁尾建構器用滑鼠拖曳排版,把 Logo、主要導覽等元件放進上、中、下三列組出頁首,不必寫程式碼。

Kadence Blocks 內建二十多種排版與互動區塊

Kadence Blocks 是整套系統裡份量最重的一塊。官方外掛頁列出的常用區塊超過 20 個,涵蓋排版骨架、內容收合、表單、行銷轉換,以及條件式內容插入等用途,另外還有一個「設計範本庫(Design Library)」,內建數百組現成的區塊排版與整頁範本可以直接套用、再改文字圖片。免費版就包含這整批區塊,不是裝了外掛卻要另外解鎖才看得到。

Kadence Blocks 的區塊依用途分成排版骨架、長內容導覽、表單、行銷視覺與灌入式五類。
Kadence Blocks 的二十多種區塊可依用途分成五類,免費版就包含這整批區塊。

Row Layout 和 Section 撐起版面的基本排版骨架

Row Layout(列版面)是 Kadence Blocks 裡使用頻率最高的區塊,邏輯很單純,把一列切成 1 到 6 個欄位,每個欄位裡再放任何其他區塊,文字、圖片、按鈕都可以疊在同一欄裡,並且每一欄都能個別設定背景色、疊加層、內距與外距。排版不是套一個固定模板,而是用列跟欄自由組出來的,這也是為什麼熟悉 Kadence Blocks 的人排版速度會比用傳統區塊快不少。

Section(區段)則是用來把多個 Row Layout 包成一個整體,統一設計這個區段的背景與上下間距。長版首頁常見的「一頁多個色塊分段」效果,做法就是每一段落各自包成一個 Section,分別設定不同背景色,底下再塞進對應的 Row Layout 內容。先理解「Row Layout 管橫向欄位、Section 管整段包裝」這個分工,後面所有版面問題幾乎都能拆解回這兩個區塊上。

目錄、頁籤與手風琴,長內容的導覽與收合工具

這三個區塊要解決的都是「內容太長」的問題。目錄(Table of Contents)區塊會自動抓文章或頁面裡的標題,產生一份可以點擊跳轉的錨點連結目錄,並支援平滑捲動,讀者不必手動往下滑找章節。對經常寫長篇教學文的網站來說,這代表不必另外安裝專門的目錄外掛。

頁籤(Tabs)可以做垂直或水平排列的分頁內容,每個頁籤裡面都是獨立畫布,能放任何其他區塊,適合把同一類資訊的不同面向(例如規格、評價、常見用法)分開擺、需要時才點開看。手風琴(Accordion)則是一組可以展開收合的面板,每個面板同樣能放任何區塊,並各自設定標題樣式、背景與邊框;很多網站也會拿它做成一組可以展開收合的問答內容,把長篇說明分批藏進去,不會一次把整頁塞滿文字。

進階表單內建在區塊庫,不必另外安裝外掛收單

進階表單(Advanced Form)區塊可以直接在區塊編輯器裡建立聯絡表單或行銷用表單,樣式設計也在同一個區塊設定面板裡完成,不必切到另一支表單外掛的獨立介面操作。表單送出後可以指定寄送到某個 Email 信箱,也支援串接常見的電子報或名單管理服務,方便把填表的名單直接匯入既有的名單系統,不必另外手動匯出匯入。

表單本身也支援黏性顯示,可以固定在畫面某個位置,適合用在收集名單、洽詢或預約這類需要提高填表率的情境。對只是需要基本聯絡表單的網站來說,這代表可能完全不必再另外裝一支專門的表單外掛。

圖庫、見證、倒數計時與數字增長動畫,行銷頁常用的視覺元件

這一組區塊偏向「行銷轉換」用途。進階圖庫(Advanced Gallery)可以做出圖庫、輪播、滑動看圖等效果,能自訂連結、圖說與圖片尺寸,適合展示作品集或商品照;推薦見證(Testimonials)可以用輪播或格狀方式展示客戶評價,是建立信任感最直接的做法之一。

倒數計時(Countdown)可以在頁面上加一個倒數計時器,替限時優惠製造急迫感,付費版還支援每位訪客各自獨立計算的倒數效果,不是所有人看到同一個倒數時間。數字增長動畫(Count Up)則是把單調的數字(像服務客戶數、完成專案數)做成動畫式增長效果,常搭配倒數計時一起用在成果展示區塊,讓網站的數字看起來更吸睛,也更有說服力。

灌入式區塊依條件把內容自動插進指定位置

灌入式區塊(Hooked Elements)是進階付費方案才有的功能,它解決的問題跟前面所有區塊都不一樣。前面介紹的區塊都要手動貼進頁面,Hooked Elements 則是設計好一個區塊內容之後,依「登入狀態、頁面類型、裝置類型」等條件,讓系統自動把它插入到網站的特定位置。

實際情境像是:只在文章內容中段自動插入一個訂閱區塊、只在服務頁面最下方自動插入預約按鈕、或只在手機版自動插入一個浮動按鈕,不必回頭到每一篇文章或每一個頁面裡手動貼上同樣的內容。這對內容量大、頁面數多的網站特別實用,不用等下次改版才把新的行動呼籲補進所有頁面。

起始範本提供數十組到兩百多組現成頁面設計

Starter Templates 是一支獨立的免費外掛,運作邏輯很直接:挑一個範本、匯入、開始改文字圖片,不必從空白頁開始一格一格排版,但仍然需要搭配免費的 Kadence Theme 才能使用。免費使用者可以直接匯入免費範本開始編輯,已經有數十組範本可用;付費方案(Essentials 以上)則解鎖完整範本庫,官方目前列出 200 多組起始範本可選。

匯入流程會讓你選擇要匯入哪些頁面,像是首頁、關於我們、聯絡我們、價目表這類常見頁面,可以先勾選常用的頁面,之後再刪除用不到的。要注意的是,範本內容本身是用 Kadence Blocks 排版組成的,匯入之後如果想調整版面或樣式,還是得回到 Kadence Blocks 的區塊設定去改,起始範本只是省掉「從零開始排版」那一段時間,不是生成後就完全不用碰它。

Kadence Starter Templates 範本庫,一整面現成的網站範本縮圖,可搜尋、依免費或付費篩選後直接匯入。
Starter Templates 範本庫收錄數十到兩百多組現成版面,挑一個匯入就能直接改文字圖片,不必從空白頁排版。

Kadence AI 起始範本用網站資訊生成整站文案與版面

如果說前一節的起始範本只解決了「版面從哪裡開始」,AI 起始範本要接著解決「文案從哪裡開始」這個更深一層的問題。要使用這個功能,前提是網站已經啟用免費的 Kadence Theme、安裝並啟用 Kadence Starter Templates 外掛、連結一個 Kadence 帳號,並啟用 Kadence AI。

啟用後,系統會先請你建立一份 AI 設定檔(AI Profile),填寫網站語言、經營者身分(個人、團隊或公司)、網站名稱、所在地區、產業類別,並用一段文字描述提供什麼服務、跟其他人有什麼不一樣。Kadence 官方說明文件對這個功能的定義是:AI 起始範本會依這份設定檔生成內容,並替首頁、服務頁、關於我們、部落格、行動呼籲(CTA)等區塊生成具備 SEO 友善寫法的文案,同時搭配免版稅的圖庫圖片與挑選好的配色風格。

額度制度是這個功能比較特別的地方。免費使用者可以拿到 250 點終身額度,用完不會自動補;生成一次基礎的網站初始內容大約會消耗 70 點,耗時落在 1 分鐘上下;付費方案依等級可以拿到數千到破萬點不等的額度,方便經常需要生成多個網站的使用者。生成完成後,還可以在挑好的幾種版面樣式、配色與背景風格之間切換,確認喜歡的組合再匯入頁面。整個流程官方預估在 1 分鐘內就能產出第一版網站骨架,不過生成的文案仍然需要自己校對調整,尤其是中文語感,AI 目前以英文輸入介面為主,直接生成出來的中文內容通常還需要再潤飾一次。

WooCommerce 整合和 Shop Kit 電商工具組

Kadence Theme 本身就相容並可以搭配 WooCommerce 建立線上商店,基礎的商店頁面版面、商品頁排版都能用 Theme 內建設定,再搭配 Kadence Blocks 微調。這一層對想開一間小型網路商店、需求不算複雜的使用者已經足夠,不必額外加購任何電商工具包。

需求更進階的商家,可以在 Pro 與 Elite 方案裡加購「Shop Kit」,這是一組 17 項進階電商工具的整合包,原本得靠拼裝多支不同外掛才能做到的功能,現在收進同一套系統裡管理。裡面包含:WooThumbs(進階商品圖庫,支援影片與變體切換)、Flux Checkout(多步驟結帳流程)、Attribute Swatches(商品規格色塊選擇器)、Product Configurator(商品客製化設定器)、Delivery Slots(配送時段選擇)、Quickview(快速預覽商品)、Wishlist(願望清單)、Bundled Products(商品組合包),以及商品徽章與尺寸表等其餘項目。

多篇國際 WordPress 主題評測都把 Kadence 列為兼顧速度與電商功能的代表之一,理由是它同時保有輕量框架的速度優勢,又不必像純框架型主題那樣自己拼裝一堆外掛才能開店。

訂閱制度重新整併,方案收攏成三層

Kadence 目前由 Liquid Web 這家母公司營運,原本叫 StellarWP 的品牌已經完成整併,把原本分散在不同入口的訂閱方案,收攏成單一平台底下的三個訂閱層級。這波整併裡,Kadence 跟 LearnDash、The Events Calendar、GiveWP 這幾支產品一起被列為核心產品,收進同一套帳號系統與訂閱管理介面。

新制的 3 層分別是:Essentials 方案含 Kadence Theme、30 多種區塊、200 多組起始範本、自訂字體與圖示、頁首頁尾導覽建構器;Pro 方案在 Essentials 之上,加入資安防火牆與雙因素驗證、每日自動備份、內容限制與會員訂閱功能,以及前面介紹的 Shop Kit 電商工具組;Elite 方案再往上,加入 Kadence Central 多站台白牌管理、A/B 測試、彈窗與促銷橫幅、白標客戶入口,適合同時代操多個客戶網站的網站代理商或接案工作室。

Kadence 三層方案:Essentials 是基礎,Pro 再加資安備份與 Shop Kit,Elite 再加多站台白牌管理與 A/B 測試。
訂閱制收攏成三層,往上一層包含前一層全部再加值,主要差在網站規模與代操需求。

這波整併也讓舊制底下原本存在的好幾種訂閱名稱一次收攏,單獨的 Theme 訂閱、Theme Kit Pro、Plus、Ultimate 等不同層級的方案名稱,在新制裡不再各自獨立銷售,原本可以買不限站數授權的終身方案也一併取消,改成年費訂閱為主。Search Engine Journal 的報導指出,這次整併過程中不少既有使用者遇到登入問題、發票遺失、產品頁面消失等狀況,主要原因是品牌名稱變更缺乏事先溝通;不過既有舊方案的訂戶,內容維持原方案不受影響,不會被強制轉移到新制。

從部落格到電商店面,不同規模網站的合適切點

前面談的每一項功能,最後都是要回答同一件事,也就是你的網站規模適合哪一層。純部落格或個人品牌站,對電商與進階行銷功能需求不高的話,免費的 Kadence Theme 加上免費的 Kadence Blocks 跟免費起始範本,已經足夠把網站從無到有架起來,不必急著付費。

需求再往上一階,如果正在經營或準備開一間 WooCommerce 商店,又不想自己另外處理資安與備份,Pro 方案把 Shop Kit 跟資安備份包在同一個訂閱裡,會比自己東拼西湊幾支外掛更省事。至於同時經營多個客戶網站的網站代理商或接案工作室,Elite 方案的多站台白牌管理才真正派得上用場,一般個人站台多半用不到,不必為了這項功能多付一層訂閱費。

國際間的獨立評測普遍認為,如果最優先考量是極致效能、也願意接受相對陽春的視覺自訂,GeneratePress 這類更純框架取向的主題是另一個選項;如果想要單一主題就涵蓋大部分需求,不必自己組裝一堆外掛,Astra 也常被拿來相提並論。這三者的取捨方向不同,沒有絕對的好壞,純追求速度、想要單一工具一手包辦,還是看重電商工具的完整度,決定了該往哪個方向挑。

Kadence 這幾年能維持住存在感,靠的不是單一功能特別出色,而是把「輕量佈景主題」跟「進階功能疊加」這兩件通常互斥的事,放進同一套訂閱系統裡持續更新。AI 起始範本就是最新的一次嘗試,把「從空白頁開始」的門檻,從排版本身進一步往前推到文案本身。訂閱制重整之後,分層變得更單純,但也代表挑方案前要先想清楚自己的網站現在落在哪一層(是還在從零架站,還是已經要處理商店與多站台管理),再決定要不要往上加購。

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

Kadence 由哪三個部分組成?

Kadence 由 Theme(佈景主題)、Blocks(區塊外掛)與 Starter Templates(起始範本)三件套組成,分別負責網站骨架效能、排版彈性與現成版面,三者共用同一套全域設計設定,也能單獨使用。

Kadence Theme 開箱就快,靠的是哪些技術?

靠幾項具體技術做到,包括提早載入樣式的 CSS 預先載入、本機託管的 Google Fonts、依裝置尺寸輸出的圖片,搭配 Kadence Blocks 時還有智慧載入機制,只有用到的區塊才載入程式碼,不必額外做效能調校。

Kadence 的全域調色盤怎麼分組?

調色盤把顏色分成強調色、對比色、基礎色幾個群組,另外還有一組通知用色,這些顏色會同步出現在區塊編輯器的顏色選擇器裡;換掉調色盤裡的任何一色,全站套用該顏色的按鈕、標題、背景都會跟著一起變,不必一頁一頁重新上色。

Kadence AI 起始範本免費使用者有多少額度?

免費使用者可以拿到 250 點終身額度,用完不會自動補,生成一次基礎的網站初始內容大約會消耗 70 點,耗時落在 1 分鐘上下;付費方案依等級能拿到數千到破萬點不等的額度,適合經常需要生成多個網站的使用者。

Kadence 訂閱制度分成哪三個方案層級?

分成 Essentials、Pro、Elite 三層,Essentials 含主題本體與起始範本;Pro 加資安防火牆、自動備份與 Shop Kit 電商工具組;Elite 再加多站台白牌管理與 A/B 測試,適合代操多個客戶網站的代理商。

資料來源
  1. Kadence Pricing — Kadence
  2. Kadence Theme — Kadence
  3. Kadence Blocks – WordPress plugin — Kadence
  4. Kadence Starter Templates – WordPress plugin — Kadence
  5. Kadence AI Powered Starter Templates — Kadence
  6. Kadence AI Credits — Kadence
  7. Liquid Web WordPress Plugin Rebrand Triggers Backlash — Search Engine Journal