從傳統佈景主題到區塊佈景主題:為什麼 AI 開發更適合 Block Theme

WordPress 佈景主題決定了網站長什麼樣子,字要多大、顏色配什麼、頁面怎麼排,這幾年 WordPress 官方推出了一種新的做法,叫做區塊佈景主題(Block Theme),跟我們用了十幾年的傳統佈景主題長得很不一樣,這篇想用最少的術語,講清楚兩者差在哪,以及為什麼在這個大家都用 AI 幫忙寫程式的年代,新的做法反而更好用。

簡單說傳統佈景主題像是一疊寫死的設計圖,改一個地方常常要工程師動手;區塊佈景主題則像一盒樂高積木,網站的每個部分都是一塊塊可以搬動、替換的積木,連帶讓 AI 更容易看懂、更容易幫你改。

傳統佈景主題:一疊只有工程師看得懂的設計圖

傳統佈景主題的內部,是一堆用程式語言寫成的檔案,網站的頁首、頁尾、文章頁、首頁,各自是一個獨立的檔案,裡面混著「畫面長怎樣」跟「這裡要抓哪些資料」兩件事。這些檔案彼此還有一套繼承規則——哪個頁面該用哪個檔案,有一張只有工程師記得住的對照表在管。

這種做法的問題,不在於它做不出好網站,而在於它把太多決定權鎖在程式碼裡。你想把首頁的標題改大一點、把某個區塊搬到下面,這種在你眼中是「動一下版面」的小事,實際上要打開檔案改程式、存檔、重新上傳,一般人碰不得。網站老闆想調個顏色,往往還是得回頭找工程師。

換句話說,傳統佈景主題把「內容」跟「外觀」綁在一起,而且外觀那部分只有懂程式的人能碰。

區塊佈景主題:把網站拆成一塊塊可以搬的積木

區塊佈景主題的核心概念是「區塊」——網站上的每個東西都是一塊積木。一個按鈕是一塊、一段文字是一塊、一張圖是一塊,連「列出最新文章」這種功能也是一塊。小積木可以組成中積木,比如頁首就是一塊由標誌、選單、按鈕拼成的組合積木(WordPress 官方文件把它叫 template part,你可以理解成「可重複使用的版面零件」)。這些零件再拼成一整頁的樣板,幾張樣板就構成整個網站。

關鍵差別是:這些積木不再是只有工程師能改的程式碼,而是可以直接在 WordPress 後台用滑鼠拖拉、點選就能調整的東西。想把標題改大、把按鈕換顏色、把某段搬到最上面,網站管理者自己在後台就能做,不用每次都回頭發工單給工程師。

WordPress 官方也把它跟傳統做法的界線劃得很清楚:一套佈景主題只要在特定資料夾裡放進一個用積木語法寫成的首頁樣板檔(templates/index.html),它就被認定成區塊佈景主題。這是判斷新舊的最簡單標準。

一份總表管全站:theme.json 是什麼

區塊佈景主題還多了一個很重要的角色,官方叫它 theme.json,直接翻是「主題設定總表」。

你可以把它想成一張寫在最前面的規格說明書。整個網站可以用哪些顏色、標準字級有幾種、段落之間留多少空白、內容區塊最寬到哪裡,全部集中寫在這一份總表裡。以前這些設定散落在好幾個程式檔案裡,東一段西一段;現在統一收在一個地方,要調整風格,改這一份就好。

這件事看起來只是「整理得比較乾淨」,但它其實是後面所有好處的根基——因為當規則被集中、被標準化,機器(也就是 AI)就有辦法讀懂它。

兩種做法,差在哪

把上面的整理成一張對照表,會更清楚。

比較項目傳統佈景主題區塊佈景主題
網站的組成一個個寫死的程式檔案一塊塊可搬動的積木
誰能改版面大多要靠工程師網站管理者在後台就能改
外觀設定放哪散在多個程式檔裡集中在一份設定總表
畫面與資料混在同一個檔案版面歸版面,功能歸積木
改一個小地方開檔案、改碼、重新上傳後台拖拉、點選

要說清楚,傳統做法沒有錯,很多運作良好的網站到今天還是這樣蓋的。只是當你把兩種攤開來比,會發現新做法把「調整網站」這件事,從工程師的工作,變成一般人也能上手的操作。

為什麼用 AI 開發,區塊佈景主題明顯更好

這一兩年,用 AI 幫忙寫網站程式已經是日常。我自己接案時,很多改版和調整都是先讓 AI 出一版,我再修。而在這種工作方式下,區塊佈景主題的優勢會被放大,原因有三個。

第一,它的規則是「說明書式」的。前面提到的設定總表,把顏色、字級、間距全部條列寫清楚。AI 最擅長讀這種結構整齊、規則明確的東西——你叫它「把主色改成海軍藍」,它知道去總表的哪一行改,不用在一堆程式邏輯裡大海撈針。傳統做法把設定藏在程式碼各處,AI 就容易改錯、改漏。

第二,它的積木語法是公開標準。每一塊積木長什麼樣、怎麼寫,WordPress 官方都有統一規範。這代表 AI 生成出來的版面,格式跟官方認可的一模一樣,後台能正常辨識、能繼續編輯。這點很重要——之前那篇告別 Elementor:用 Claude Code 改版 WordPress 的實戰紀錄就踩過類似的坑,非標準的東西讓 AI 跟後台各說各話。

第三,它把「版面」跟「功能」分開了。積木的世界裡,畫面就是畫面,抓資料的邏輯被包在各自的積木裡。這種切乾淨的結構,讓 AI 一次只需要處理一件事,出錯的機會小很多。傳統檔案把兩者混在一起,AI 一改版面,常常不小心動到後面的資料邏輯。

四年前有位開發者寫過一篇試作區塊佈景主題的心得,當時的結論是「概念很好,但實作流程還不夠順暢」。這個評價在 2022 年是公道的。但到了 2026 年,配上會讀說明書、懂標準格式的 AI,當年那個「不夠順暢」的環節,剛好被補了起來。

所以,我該換嗎

如果你是網站的擁有者,不用急著把現有網站打掉重做,能穩定運作的傳統網站,繼續用沒問題。

但如果你正要做一個新網站,或本來就打算改版,那我會建議認真考慮區塊佈景主題。理由很單純:它讓你自己就能調整大部分版面,減少每次小改動都要找人的來回;而當你或你的合作對象開始用 AI 加速開發時,這套做法能讓 AI 幫上更多忙、少犯錯。這也是我在為什麼我用 Astro 取代 WordPress 架設公司官網裡談過的同一個判斷——選工具的時候,要看它跟你未來的工作方式合不合。

挑一個工具,我最後看的往往是它讓下一步變得多容易。區塊佈景主題把「改網站」的門檻降了下來,讓你自己能動手、也讓 AI 幫得上忙,這就是它現在最實在的價值。

AI 文章延伸

讓 AI 幫你讀這篇文章

選擇平台後會自動帶入閱讀脈絡,快速整理重點、補齊盲點,並延伸到同站相關文章。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料