WordPress 佈景主題挑選:8 個安裝前必看重點

外觀漂亮的佈景主題選定,裝上線才發現網站跑得慢半拍,想換個顏色得翻 CSS,裝一個外掛版面就跟著跑掉。不少新手架站都繞過這一圈,直到踩過雷才明白,「看起來好看」和「用起來順手」根本是兩回事。

WordPress 佈景主題挑選最容易卡關的地方,不是找不到喜歡的版型,而是只顧著看 Demo 好不好看,沒去確認網站類型、載入速度、編輯器相不相容這些會影響往後維護的條件。這件事值得多花十分鐘想清楚,因為 WordPress 撐起的網站規模並不小,根據 W3Techs 的《Usage Statistics and Market Share of WordPress》,目前全球約四成二的網站都在用 WordPress,在裝了內容管理系統的網站裡更佔了六成左右,生態圈越大,選錯佈景主題的代價也越明顯。

先從佈景主題在網站裡扮演什麼角色講起,再一項項核對挑選前該看的判準。

看起來漂亮的佈景主題,為什麼還是會踩雷?

多數人以為佈景主題只是「版面的外衣」,換掉不影響其他事,但實際上它同時決定網站跑得快不快、Google 抓不抓得到重點、以後想調整版面順不順手。Google Search Central 的官方文件《Understanding Core Web Vitals and Google search results》寫明,頁面載入速度、視覺穩定度這類體驗訊號會被納入搜尋排名的參考依據。佈景主題的程式碼寫得乾不乾淨,直接牽動這幾項指標的表現。

換句話說,Demo 頁面看起來再精緻,如果背後堆了一堆用不到的功能與樣式,實際跑起來就是又慢又重,SEO 表現也會跟著被拖累。

主題生態的規模,也是選錯代價被放大的原因之一。WordPress.org 官方目錄收錄的免費佈景主題早就破萬,加上市面各大付費主題市集,選項多到反而讓人不知道從何挑起;選項越多,踩雷的機率也跟著提高。

WordPress 本身也還在往前走。Make WordPress Core 公布的《Roadmap to 7.1》指出,即將發布的 7.1 版本,會持續強化區塊主題與 AI 輔助建置相關的基礎功能。換句話說,現在挑主題已經不只是看版型好不好看,還得順便想一下這個主題跟不跟得上區塊化與 AI 輔助建置的方向,這部分後面會有一節專門拆解。

挑主題前,要一項項核對哪些條件?

比起單看 Demo 好不好看,更該做的是照著幾個判準一項項核對過去,確認這個主題裝上去之後,實際用起來會不會順手。以下這幾項判準,核對順序可以自己調整,不必照本文的排列順序,重點是全部都要走過一遍,再決定要不要安裝。

WordPress 佈景主題挑選前要核對的 8 個判準總覽:網站類型、編輯器架構、載入速度、手機體驗、外掛相容、維護更新、授權來源與接 AI 建置
挑主題前先把這 8 個判準一項項核對過,再決定要不要按下安裝,比裝了才發現問題重來省事得多。

網站類型:形象官網、部落格、電商,優先順序不同

先確認網站的定位,才回頭挑主題,是這一步最該做對的順序。形象官網要看的是服務項目、作品案例怎麼呈現,首頁能不能一眼看出主打什麼服務;部落格則要重視閱讀體驗與文章版面,像段落間距、字體大小、目錄側欄這些會影響讀者讀不讀得下去的細節;至於電商,優先順序又不一樣,得先確認主題有沒有支援 WooCommerce,商品頁的版位夠不夠清楚、購物車跟結帳流程順不順。

多功能的萬用型主題聽起來很划算,一次滿足各種需求,但這種主題往往內建大量用不到的功能與版型,裝上去之後反而拖累網站速度。跟網站類型對不上的功能,對使用者來說就是純粹的重量,不會帶來任何價值。

WordPress.org 官方佈景主題目錄本身就提供「部落格」「電商」「作品集」這類分類篩選,先想清楚自己的網站屬於哪一種,再照分類縮小範圍,能省掉不少大海撈針的時間。

WordPress 官方佈景主題目錄的特色篩選條件,可依「用途」勾選部落格、電子商務、作品集等網站類型來縮小挑選範圍
WordPress.org 官方佈景主題目錄可依「用途」分類篩選,先確定網站屬於哪一種,再照分類縮小候選範圍。

區塊主題和經典主題,編輯器架構有什麼差異?

網站類型確定之後,下一個該弄清楚的是主題的編輯器架構。多數挑選教學只講「版型好不好看」,卻沒說清楚 WordPress 現在其實有兩套完全不同的主題架構,選錯架構,之後想改版面會多繞不少路。

WordPress 從 5.9 版開始支援全站編輯(Full Site Editing,簡稱 FSE),讓「區塊主題」(Block Theme)誕生。區塊主題把網站的每個部分,包括頁首、頁尾、文章範本,全部拆成可以直接在區塊編輯器裡點選、拖曳修改的區塊,不用碰 CSS 或 PHP 就能調整版面結構。相對地,「經典主題」(Classic Theme)還是靠傳統的外觀自訂工具(Customizer)來改樣式,想要更彈性的版面客製,多半得另外裝一套頁面編輯器,像 Elementor 這類外掛才做得到。

這個差異直接影響到效能與維護的順手度。裝了區塊主題,通常就不太需要再疊一層頁面編輯器外掛,少一層外掛就少一份載入的重量;經典主題則勝在外掛生態成熟,市面上大部分老牌外掛都是照經典架構設計的,相容性反而更有保障。

實際挑選時,可以用一個簡單原則判斷。如果是全新架設的網站,手上沒有舊外掛的包袱,優先選區塊主題,以後改版面的彈性和效能都比較好顧;如果網站已經重度依賴某個頁面編輯器,或是特定外掛只跟經典架構相容,經典主題仍然是合理的選擇,不必為了追新架構硬換。

區塊主題與經典主題對照:區塊主題用區塊編輯器直接改範本、theme.json 全站套用;經典主題靠外觀自訂器、多需另裝頁面編輯器,但外掛相容性成熟
區塊主題靠區塊編輯器直接改頭尾與範本、少疊一層外掛;經典主題靠外觀自訂器與頁面編輯器,勝在外掛生態成熟。

WordPress 官方內建的 Twenty Twenty-Five,就是典型的區塊主題範例;Astra、GeneratePress 這類國際輕量主題,則兩種架構都支援,能讓使用者自己決定要用哪一套編輯體驗。判斷主題是區塊還是經典,除了看官方標示,也可以直接進後台的外觀選單確認,有沒有「編輯器」(對應全站編輯)這個選項,是最直接的判斷方法。

區塊主題另外還有一個特色,透過 theme.json 這份設定檔統一管理顏色、字體、間距等全域樣式,調整一次,全站套用的樣式就會跟著更新,不用逐頁面對照著改。這份設定檔在後面聊到 AI 輔助建置工具時,還會扮演更關鍵的角色。

載入速度快不快,三個核心網頁指標用免費工具就能測

確定編輯架構之後,接下來該核對的是它實際跑起來快不快,這件事不該憑感覺判斷,而是有具體標準可以查證。Google 官方定義的三個核心網頁指標(Core Web Vitals),就是拿來衡量網站體驗的量化門檻,包括:最大內容繪製時間(Largest Contentful Paint,簡稱 LCP)要在 2.5 秒以內、累計版面偏移(Cumulative Layout Shift,簡稱 CLS)要在 0.1 以下、互動反應時間(Interaction to Next Paint,簡稱 INP)要在 200 毫秒以內。這三項門檻,web.dev 上的官方文件《Web Vitals》都有清楚定義,Google Search Central 也說明這些訊號會被納入搜尋排名的參考依據。

Google 三個核心網頁指標的良好門檻:LCP 最大內容繪製 2.5 秒內、CLS 累計版面偏移 0.1 以下、INP 互動反應 200 毫秒內
Google 定義的三個核心網頁指標門檻:LCP 2.5 秒內、CLS 0.1 以下、INP 200 毫秒內(資料來源:web.dev)。

實際測法不複雜,把主題官方 Demo 的網址貼進 Google 的 PageSpeed Insights,切到行動版分數看結果即可。分數低於 60,通常代表這個主題的程式碼寫得比較臃腫,值得列入考慮的扣分項。不過 Demo 頁面的分數不能全信,官方 Demo 大多經過特別優化,圖片壓縮到最小、內容也刻意精簡;真正裝上主題、換上自己的文字和圖片之後,速度往往會比 Demo 慢一些。比較保險的做法,是先照 Demo 分數篩掉明顯太差的選項,裝上去之後再用真實內容測一次,才是這個主題實際會跑多快的答案。

手機瀏覽順不順,拿真實裝置動手測一次

網站在電腦上測得再快,手機上體驗不好,一樣留不住讀者。幾乎每個佈景主題現在都號稱支援響應式設計(Responsive Web Design,簡稱 RWD),但「有支援」不等於「用起來順」。多數主題的響應式測試只做到畫面縮放不跑版這個最低標準,至於選單好不好按、文字會不會太小、表單填起來順不順手,這些細節反而更常被忽略。

真正想知道一個主題手機體驗好不好,得拿真實裝置動手測一次:直接用手機打開 Demo 網站,點看看導覽選單展不展得開、滑動文章時排版有沒有跑掉、試著填一次表單,按鈕好不好按到。如果暫時沒有多支手機可以輪流測,瀏覽器內建的裝置模擬工具也能快速檢查不同螢幕尺寸下的顯示狀況,雖然模擬終究比不上真機操作準確。

這件事跟 SEO 表現也直接掛鉤。Google Search Central 的官方文件《Mobile-first indexing best practices》說明,Google 目前以行動版內容當作主要的索引依據,也就是手機上看到的版面,基本上就決定了搜尋引擎怎麼理解這個網站。手機體驗差,影響的不只是使用者觀感,連帶會拖累搜尋表現。

外掛相容性:常用的 WooCommerce、SEO 外掛會不會衝突?

速度與手機體驗都顧到之後,還有一關容易被忽略,就是外掛相不相容。主題選得再漂亮,如果跟常用外掛打架,照樣白搭。最容易出問題的兩類外掛,一類是電商用的 WooCommerce,另一類是 SEO 外掛,像 Yoast SEO、Rank Math 這類。

WooCommerce 相容性不能只看「技術上能不能跑」,重點要放在有沒有為購物車、結帳頁另外做過樣式調整。WooCommerce 官方開發文件《Theming for Woo blocks》就說明,主題要跟 WooCommerce 的區塊搭配得順,需要額外的樣式對接,不是裝上外掛就自動長得好看。SEO 外掛也是同樣道理,確認主題的標題階層、結構化資料設定,不會跟外掛互相打架蓋掉彼此的設定,才不會做了 SEO 卻白做工。

還有一個訊號值得留意:如果一個主題官方說明要求另外裝五、六個「指定外掛」,才能還原 Demo 展示的效果,這通常代表主題本身的架構設計不夠紮實,得靠一長串外掛硬撐版面。正常的主題,核心版面不該依賴這麼多外掛才能運作,必裝外掛清單越長,日後版本升級時互相衝突的風險也越高。

主題多久沒更新,就該提高警覺?

外掛相容性確認過,接下來該留意的是這個主題目前是不是還有人在維護。「要選有更新的主題」是老生常談,但具體該怎麼查、多久算沒更新,很少有教學講清楚。實際做法不難,不管是 WordPress.org 官方目錄還是付費主題銷售頁,都會標示「最後更新日期」與「相容 WordPress 版本」,買之前或裝之前先看這兩個欄位。

如果一個主題超過半年沒有任何更新紀錄,就該多想一下,這個主題是不是已經停止維護。原因不難理解,WordPress 核心版本會定期釋出新版,Make WordPress Core 公布的大版本發布排程提案指出,往後大致以四個月為週期推出大改版,一年約三次,中間再穿插幾次小版更新。主題如果沒有跟著核心版本同步調整,輕則版面在新版本上跑掉,重則出現沒人修補的資安漏洞,而這種風險會隨著時間拉長越滾越大。

WordPress.org 的主題審核手冊《Theme Requirements》有清楚規定,上架到官方目錄的主題必須符合一定的安全與相容性要求,才會通過審核。這代表審核機制本身有把關,但通過審核不代表主題會一直維護下去,更新頻率還是得自己盯著查。

授權乾不乾淨:免費、付費之外,還要防破解版

維護狀態查清楚了,另一個常被忽略的問題,是授權來源乾不乾淨。多數挑選教學只講「免費 vs 付費怎麼選」,卻漏掉一個容易被忽略的風險,就是破解版付費主題,也就是俗稱的 Nulled 版。

要理解這個風險,得先弄懂 GPL 授權在 WordPress 生態裡代表什麼。WordPress.org 官方的授權說明頁面《License》寫明,凡是要上架的主題與外掛都必須相容 GPL 授權,這代表使用者本來就有權利在自己的網站上使用、修改這些主題,不管是免費還是付費取得的版本都一樣。換句話說,正規免費主題(透過 WordPress.org 官方目錄下載,經過審核)或是正規付費購買的主題,使用起來都合法又乾淨。

真正的風險出在來路不明的網站流傳的破解版。為了免費拿到收費主題才有的功能,這些版本從非官方管道下載,內容被動過手腳,可能被塞進後門程式或惡意連結,而且完全拿不到後續的安全更新。

判斷原則其實很單純,想要免費主題,就走 WordPress.org 官方目錄;想要某個付費主題的功能,就直接花錢買正版,不必為了省小錢,去冒下載破解版可能帶來的資安風險。

想接上 AI 建置工具,主題的 theme.json 夠不夠完整?

授權乾淨之外,還有一個位置多數教學完全沒提到,卻會直接影響往後用 AI 工具建置網站的體驗好不好,那就是主題的 theme.json 寫得夠不夠完整。

越來越多 AI 輔助建置工具,不管是用 AI 產生版面草稿,還是用 AI 寫文案,產出的內容多半是標準的 Gutenberg 區塊,而不是另外做一套自己的鎖死格式。這些區塊套用樣式時,靠的正是主題的 theme.json 這份設定檔,裡面定義了顏色、字體、間距等全域設計規範,前面聊區塊主題時提過這份設定檔,這裡是它真正派上用場的地方。

如果一個主題的 theme.json 寫得不夠完整,問題不會馬上顯現,而是等到用 AI 工具產生新版面或新段落時才冒出來:AI 產出的顏色、字距、間距跟網站其他地方對不太起來,看起來像是兩個不同網站拼在一起,得再花時間手動微調回統一風格。

這個方向也不會走回頭路。WordPress 開發者部落格近期發布的《What’s new for developers》就提到,WordPress 的 AI Client 正在新增串流生成與語意搜尋這類基礎功能;Make WordPress Core 公布的《Roadmap to 7.1》也提到,7.1 版本預計新增 Guidelines 功能,讓 AI 工具在產出內容時,能依循一套持續生效的品牌寫作規範。挑主題時,theme.json 有沒有寫齊,可以當成一個加分項放進考量,雖然不是非有不可的必要條件,但值得列入。

裝機前,先把這張檢核清單走一遍

上面幾項判準,整理成一張清單,安裝前照著逐條核對一次,能少踩很多雷。

  1. 網站類型對上了,形象官網、部落格、電商各自該優先看的重點都想清楚了
  2. 想清楚要用區塊主題還是經典主題,兩種編輯器的差異能不能接受
  3. 用 PageSpeed Insights 測過 Demo 網址的行動版分數了
  4. 拿真實手機實際操作過一次,選單、滑動、表單都試過了
  5. 常用的 WooCommerce、SEO 外掛,都確認過相容性了
  6. 查過最後更新日期,半年內有更新紀錄
  7. 來源乾淨,確定不是破解版,是官方目錄或正規購買
  8. 如果要接 AI 建置工具,主題的 theme.json 有沒有寫齊,列入考慮了

這八項核對完,再決定要不要按下安裝鍵,會比裝了才發現問題再重來省事許多。

挑主題不是一次性就能定案的決定,而是幫網站往後幾年的維護難度先鋪好路。花十分鐘照著這張清單核對一次,這筆時間換來的是往後少踩的雷。WordPress 接下來還會持續往區塊主題與 AI 輔助建置的方向走,現在選一個跟得上腳步的主題,之後要轉換或升級,成本都會小很多。

資料來源
  1. Usage Statistics and Market Share of WordPress — W3Techs
  2. Understanding Core Web Vitals and Google search results — Google Search Central
  3. Roadmap to 7.1 — Make WordPress Core
  4. Web Vitals — web.dev
  5. Mobile-first indexing best practices — Google Search Central
  6. Theming for Woo blocks — WooCommerce
  7. Theme Requirements — WordPress.org
  8. Proposal: 2026 Major Release Schedule — Make WordPress Core
  9. License — WordPress.org
  10. What's new for developers (July 2026) — WordPress 開發者部落格