iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

從一句話到一個網站:用 Vibe Coding 開發 WordPress Block Theme 的 30 天 系列

AI 時代,WordPress 依然撐起全世界四成以上的網站,而 Block Theme 正好是最適合交給 AI 開發的結構化架構。這 30 天我會從「為什麼 WordPress 仍值得學」談起,帶你看懂傳統佈景主題與 Block Theme 的差異,以及在 AI 時代 Block Theme 為何更吃香。接著用我開發的開源工具箱 Everything-WP 示範如何搭配 Claude Code 一步步 Vibe Coding,從初始化佈景主題、打造靜態與動態 Block 與相關技術,讓 Vibe Coding 不走歪~

參賽天數 22 天 | 共 22 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

AI 時代,WordPress 還值得學嗎?

今年遇到一位朋友知道我還在寫 WordPress,他的反應是:「都能 vibe coding 了,你怎麼還在碰那個?」他手機裡開著一個用 AI 做出來的 CRM...

2026-08-04 ‧ 由 Oberon Lai 分享
DAY 2

屹立不搖的護城河:市佔、生態系與資料自主

昨天提到 vibe coding 最適合的開發環境之一是 WordPress,今天就來展開這個話題,看它到底憑什麼。因為如果你上網搜「WordPress 缺點」...

2026-08-05 ‧ 由 Oberon Lai 分享
DAY 3

WordPress 內建的 AI 能力:Command Palette 到 AI 寫作輔助

談到 WordPress 與 AI 的整合,很多人的直覺是去外掛市集裝一個 AI 外掛,但在裝任何東西之前,值得先看看 WordPress 核心自己已經內建了什...

2026-08-06 ‧ 由 Oberon Lai 分享
DAY 4

WordPress 原生的 AI 整合:AI Client、Abilities API

WordPress 從 2025 年開始積極的把 AI 的地基蓋進核心。它啟動了一個叫 AI Building Blocks 的計畫,蓋的不是某個現成的 AI...

2026-08-07 ‧ 由 Oberon Lai 分享
DAY 5

用 AI 開發 WordPress 的全新工作流:Claude Code 進場

之前的文章我們把場景鋪好了:WordPress 在 AI 時代為何還值得學、它把地基準備好、官方也親自下場推出 AI Client 與 Abilities AP...

2026-08-08 ‧ 由 Oberon Lai 分享
DAY 6

範本階層的世界:從傳統主題到 Block Theme 的 Template Hierarchy

我剛學 WordPress 佈景主題開發時,卡最久的不是 PHP,而是明明照著教學把 home.php 改好了,首頁卻一點反應都沒有。後來才知道,那個佈景主題沒...

2026-08-09 ‧ 由 Oberon Lai 分享
DAY 7

什麼是 Block Theme?從 theme.json 說起

上一篇解釋了範本階層在 Block Theme 幾乎原封不動,只是換了副檔名,這一篇要解釋一個更根本的問題:一個資料夾裡放的幾個 .html 檔 WordPre...

2026-08-10 ‧ 由 Oberon Lai 分享
DAY 8

Full Site Editing:全站編輯如何改變開發與維護

上一篇提到 theme.json 是 Block Theme 的鑰匙。今天要介紹的主題,我第一次接觸時覺得有點抖,因為客戶在後台點幾下,居然就能改掉整個網站的頁...

2026-08-11 ‧ 由 Oberon Lai 分享
DAY 9

為什麼 AI 時代 Block Theme 更吃香?

請 AI 開發 Block Theme 不只是為了追求最新的技術,而是它的基礎架構對於 AI 來說相對友善,我是實際用 Claude Code 開發過兩種主題之...

2026-08-12 ‧ 由 Oberon Lai 分享
DAY 10

Block 的最小單位:RichText、區塊種類與傳統主題對照

前幾篇我們從宏觀的角度來探討 Block Theme:範本階層、theme.json、全站編輯,這篇聚焦在微觀的角度,探討到 Block Theme 的最小單位...

2026-08-13 ‧ 由 Oberon Lai 分享