分類: 主題與外觀

佈景主題決定網站長什麼樣、操作好不好用、未來要不要換主題會不會打掉重練。這個分類聚焦在三件事:第一,免費/付費主題推薦清單與實測心得(Astra、Kadence、GeneratePress、Blocksy 等熱門選擇);第二,Gutenberg 區塊編輯器的進階用法,包含可重複使用區塊、模式(Patterns)、區塊主題與 FSE(完整網站編輯);第三,版面設計實戰,含色彩搭配、字型選擇、留白節奏、CTA 按鈕放哪裡比較有效。如果你想讓網站看起來不像「免費模板套用」,這裡的內容會幫上忙。

子主題 functions.php 掛載與覆寫父主題完整解析

搞懂子主題 functions.php 的載入順序,才知道它為什麼不會覆蓋父主題、同名函式為何會讓整站白畫面。本文拆解掛載樣式的三種情況、覆寫父主題函式的三種方法,並解釋 remove_action 為何常失效與區塊主題時代的差異。

用 CSS 變數擴充佈景主題樣式的完整做法

想用 css 變數 主題的方式收斂分散的樣式,改一行就全站連動?這篇從自訂屬性語法、:root 作用範圍、var() 後備值,講到怎麼找出主題既有變數、用附加 CSS 或子主題安全覆寫,以及區塊主題 theme.json 的自動化做法。

FSE 樣式書怎麼用來統一全站視覺

FSE 樣式書是 WordPress 全站編輯裡用來統一視覺的預覽工具,能在儲存前先看到字體、配色、間距改下去後每個區塊的樣子。本文說明它跟全站樣式的差異、介面分區,以及統一全站視覺的實際操作順序。

WordPress 樣板組件拆解與重用實戰教學

搞不清楚 WordPress 樣板組件該怎麼拆、怎麼重用?這篇一次講清楚區塊主題用站台編輯器管 .html、傳統主題用 get_template_part() 載入 .php 的兩套做法,並教你分辨樣板組件、同步圖樣與一般圖樣該怎麼選,改一處全站同步。

自訂區塊樣式 register_block_style 做樣式選單

想做自訂區塊樣式,卻每篇文章重貼一次 CSS?用 register_block_style 把樣式註冊進選單,編輯一鍵切換。本文講透 PHP、theme.json v3、JavaScript 三種做法,附樣式不出現的排查清單與移除核心樣式技巧。

區塊主題樣式變體怎麼建立與切換

區塊主題樣式變體只要在 styles 資料夾放幾個 JSON 檔,就能讓網站擁有多套外觀,使用者在站台編輯器點兩下即可切換。本文帶你從建立、切換到色彩與字體變體一次搞懂,不用碰 CSS。

theme.json 結構解析——settings、styles 與覆寫順序

theme.json 結構解析的關鍵不是背欄位,而是看懂分成哪幾塊、誰會蓋過誰。本文拆解頂層骨架、settings 與 styles 的對應、四層覆寫順序與 v3 變更,讓你拿起任何一份檔案都能快速定位。

theme.json 間距設定與留白系統完整設定指南

搞懂 theme.json 間距設定,才能讓區塊主題的留白整齊一致。本文拆解 spacingScale 自動尺度、spacingSizes 手刻間距、數字 slug 的設計、v2 與 v3 行為差異,以及把預設套到區塊上最容易卡住的地方。

theme.json 流體排版設定實戰

想搞懂 theme.json 流體排版,卻常遇到設了字級卻沒生效?這篇從全域開關、單一字級 min/max、自訂視窗範圍到流動間距一次講清楚,附上可直接貼用的設定與常見陷阱排查。