分類: 主題與外觀

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

WordPress 主題檔案結構與命名規範完整解析

看不懂 WordPress 主題檔案結構,改版除錯總是無從下手?這篇拆解必要檔案、範本階層命名規範與資料夾用途,並對照傳統主題與區塊主題的差異,讓你看完就能自己拆解任何一套主題。

WordPress 雙模式主題切換的自動與手動設定

想做好雙模式主題切換,不只是加一段深色 CSS。本文拆解 prefers-color-scheme 自動切換、data-theme 手動開關、FOUC 閃白解法與圖片標誌適配,讓 WordPress 佈景主題在淺色與深色之間都維持一致質感。

WordPress 維護頁與 Coming Soon 頁面的視覺設計實作

做好 coming soon 頁面設計,網站還沒上線就能留下專業的第一印象。本文從視覺焦點、版面層次、手機與載入速度,到外掛與手動實作、503 狀態碼的正確設定,一次帶你把過渡頁做對。

WordPress 自訂 404、搜尋與封存頁版型設計

自訂封存搜尋頁版型常被佈景主題草草帶過,封存頁標題含糊、搜尋頁不顯示關鍵字、404 頁只丟一句錯誤就把人趕走。本文拆解 WordPress 範本層級,逐一說明 archive、search、404 三支範本該放什麼、版型怎麼排、踩雷在哪。

經典主題漸進遷移到區塊主題的混合期策略

經典主題遷移區塊主題不必一次切換到位,硬換常讓選單、自訂 CSS 甚至 WooCommerce 結帳破版。這篇把遷移拆成可回溯的階段,說明混合期該守哪些相容規則、樣式誰說了算,以及何時該停在混合、何時才走完全區塊化。

WordPress 客製器 Customizer 設定導覽

第一次打開客製器 Customizer,左邊一長串面板看了就頭痛?這篇帶你認清經典主題與區塊主題的差別,逐一走過網站識別、顏色、選單、小工具、首頁與自訂 CSS 設定,還補上多數教學略過的 WooCommerce 商店設定與發布排程流程。

手刻區塊主題的最小檔案結構從零開始

想手刻區塊主題卻被一長串資料夾嚇退?其實讓 WordPress 認得並啟用一個 FSE 主題,硬性需要的檔案少到意外。本文純手寫帶你從空資料夾建出最小骨架,逐一拆解 style.css、theme.json 與模板的最小內容,說清楚哪些必需、哪些可選。

用 Create Block Theme 外掛匯出可重用主題

在站台編輯器調好的設計只存在資料庫,換主題就消失?Create Block Theme 外掛能把你的顏色、字型、版面寫回主題檔案,打包成可重複安裝、可搬站的 zip,本文帶你從安裝、設計到匯出走完整套流程。

可變字型 WordPress 導入與調校全攻略

可變字型 WordPress 該怎麼導入又不拖慢首屏?這篇從 theme.json 註冊、font-variation-settings 控軸到字型庫一路講清楚,並點出繁體中文字型檔案肥大的陷阱,幫你判斷站點到底該不該用、用了怎麼調校。

WordPress 響應式斷點客製:分裝置控版面

想做響應式斷點客製,卻發現 WordPress 內建選項有限、教學只教你裝外掛勾隱藏?本文拆解核心斷點數字、區塊編輯器為何不走媒體查詢、WordPress 7.0 原生依裝置隱藏區塊,並用一張對照表教你四種做法怎麼選。