鐵人檔案
AI 時代，WordPress 依然撐起全世界四成以上的網站，而 Block Theme 正好是最適合交給 AI 開發的結構化架構。這 30 天我會從「為什麼 WordPress 仍值得學」談起，帶你看懂傳統佈景主題與 Block Theme 的差異，以及在 AI 時代 Block Theme 為何更吃香。接著用我開發的開源工具箱 Everything-WP 示範如何搭配 Claude Code 一步步 Vibe Coding，從初始化佈景主題、打造靜態與動態 Block 與相關技術，讓 Vibe Coding 不走歪～
上一篇文章提到區塊分成「內容寫死的靜態區塊」和「內容即時查資料的動態區塊」。這一篇來解釋這條界線，因為它是整個第三部做自訂區塊時，你第一個要做的架構決定，選錯的...
我接過一個需求，客戶想在「一般版」和「節慶版」配色之間切換，聖誕節換成紅綠、平常回到藍白。傳統佈景主題時代，我的做法是準備兩套 CSS，再寫一段 PHP 判斷日...
前幾篇我們拆過模板、theme.json、區塊、樣式，今天補上最後一塊拼圖，也是最實用的一塊：區塊版面配置（Patterns）。如果說區塊是磚頭，區塊版面配置就...
第二部我們把 Block Theme 的每個零件都對照傳統佈景主題的設計概念，從今天起的第三部，我們要用 AI 一步一步把這些觀念變成跑得起來的主題和外掛。但在...
上一篇介紹了 Everything-WP 這套工具箱，本篇說明如何安裝，順便把後面每天實作要用的環境一次備齊。這篇會有點像安裝說明書，但我盡量講清楚每一步「為什...
上一篇我們把環境備好了，這一篇開始 Everything-WP 設計好的指令來開始設計區塊主題，我們的目標是產生一個能立刻啟用、而且從第一天就有測試和品質工具的...
昨天用 /init-theme 生出了骨架，但「會用指令」跟「看得懂它生了什麼」是兩回事。AI 幫你寫的程式碼，你還是得讀得懂，否則出問題時你連從哪查起都不知道...
我們開始來做第一個 WordPress 自訂區塊。重新複習一下靜態區塊的概念：它的輸出固定寫死在文章內容裡，不需要每次載入時用 PHP 重算，這是最單純的區塊型...
上一篇做的 eyebrow 區塊很陽春，只能改文字、粗體、斜體等功能，但實務上會想讓它能置中、換顏色、調整上下間距，傳統做法要自己寫一堆設定 UI，然後把值套進...
靜態區塊會把內容寫死在文章裡，但很多區塊不能這樣做，它的內容要每次載入時從資料開取得，像是一個要根據後台欄位顯示的服務內容介紹、一段要抓最新文章的列表，這種時候...