AI 時代,WordPress 依然撐起全世界四成以上的網站,而 Block Theme 正好是最適合交給 AI 開發的結構化架構。這 30 天我會從「為什麼 WordPress 仍值得學」談起,帶你看懂傳統佈景主題與 Block Theme 的差異,以及在 AI 時代 Block Theme 為何更吃香。接著用我開發的開源工具箱 Everything-WP 示範如何搭配 Claude Code 一步步 Vibe Coding,從初始化佈景主題、打造靜態與動態 Block 與相關技術,讓 Vibe Coding 不走歪~
在台灣接案市場上,WordPress 案子有很高的比例是 WooCommerce,而 WooCommerce 這幾年正在經歷跟佈景主題一樣的轉變 — 從 PHP...
我在自己的站上(WooCommerce 10.9.1)數了一下註冊的區塊,一共有 165 個: $blocks = array_filter( array_k...
購物車與結帳這兩個區塊是整個 WooCommerce 區塊化程度最高、也最容易讓有經驗的開發者踩坑的地方,原因是它們表面上還是「一個頁面」,實際上運作方式跟舊版...
這邊以一個台灣電商最常見的需求:在結帳時讓客人輸入發票統一編。使用者在結帳時可以選擇「開立三聯式發票」,勾了之後要填統編,這個值要通過驗證、存進訂單並在後台看得...
接下來三篇處理金流,第一篇先從運作原理出發,讓你可以對整個金流的資料流可以有基礎的認識。WooCommerce 的金流是一個繼承 WC_Payment_Gate...
這一篇用藍新金流(NewebPay)當例子,它是台灣接案常遇到的金流商之一,它的流程涵蓋了金流串接的所有典型環節:加密、表單導向、背景通知、驗章,很適合拿來作為...
WooCommerce 區塊結帳頁的付款方式清單是 React 建立的,資料來自 Store API,前端要顯示一個付款方式需要知道三件事: 它叫什麼名字、要...
通常台灣電商的發票欄位長得大概像這樣:先選發票類型,選完個人還要再選載具,選了手機條碼才要填那串以斜線開頭的號碼;選捐贈則是填愛心碼;選公司才是抬頭加統編,這一...
台灣電商的最後一塊拼圖:物流。這篇分兩段,前半是自訂運送方式的通用做法,後半是超商取貨 最難搞的選擇「門市電子地圖」。 自訂運送方式的骨架 跟金流很像,物流也是...
前幾篇我們做了結帳欄位、金流、發票、物流,但都是零散的程式碼片段。今天把它們整合成一個能提供給別人安裝的外掛。 為什麼是外掛不是主題? 該把功能放在外掛還是佈景...