鐵人檔案
AI 時代，WordPress 依然撐起全世界四成以上的網站，而 Block Theme 正好是最適合交給 AI 開發的結構化架構。這 30 天我會從「為什麼 WordPress 仍值得學」談起，帶你看懂傳統佈景主題與 Block Theme 的差異，以及在 AI 時代 Block Theme 為何更吃香。接著用我開發的開源工具箱 Everything-WP 示範如何搭配 Claude Code 一步步 Vibe Coding，從初始化佈景主題、打造靜態與動態 Block 與相關技術，讓 Vibe Coding 不走歪～
上一篇介紹的動態區塊資料存在區塊自己的屬性裡，但有時候你要的資料不在區塊身上，它可能在文章的自訂欄位、在網站的全域設定甚至是要透過某個 API 才能取得。這一篇...
前面兩篇我們讓區塊吃屬性、綁資料。今天處理一個幾乎每個網站都要的東西：文章列表。首頁的「最新消息」、部落格的彙整頁、作品集的作品牆，本質都是依條件撈出一批文章，...
前面做的自訂區塊內容都寫死在區塊自己身上，像 service-card 就是 number、title、text 那幾個屬性塞不了別的東西，但很多時候你要的是一...
修改區塊有兩種方式，一種是右側欄改屬性，另一種是直接在區塊內就地打字，兩種不同的使用模式會決定了同事或客戶接手這個網站時，是覺得順手還是想罵人。今天專門聊這個取...
到目前為止我們的區塊都是 PHP 加 CSS，那段 edit.js 裡的 JSX 其實不能直接跑，瀏覽器看不懂 JSX也看不懂 import，中間會有個編譯的過...
上一篇我們接上了前台 JavaScript 的入口 viewScript，這一篇用它做一個會動的東西：客戶評價的輪轉 Carousel，點左右箭頭可以切換不同評...
上一篇做完 Interactivity API 我們手上其實已經累積了一整套資產：十幾個區塊、一份設計 Token、一套配色和字級，但它們散在 blocks/...
前面我們從零做了一個完整的區塊佈景主題，但真實世界裡你手上更可能是一個跑了三年的傳統佈景主題：header.php、single.php、一支兩千行的 styl...
不管是從零做的新主題，還是上一篇剛從傳統佈景主題搬過來的，要交出去之前都有同一關：程式碼本身的品質，這一關過去多半靠自律，但 AI 讓產出速度翻了好幾倍之後，靠...
想不到三十天就這樣過去了@@ 從第一天問「AI 時代 WordPress 還值得學嗎」，到昨天用 AI 跑完交付前的品質四關，我們走了一段不算短的路。最後一天不...