WordPress 自訂 CSS 完整指南:附加 CSS、子主題與優先權排查
WordPress 的「附加 CSS」功能讓你不動主題檔案就能自訂樣式,主題更新也不會覆蓋。本文說明附加 CSS 與直接改 style.css 的差異、何時該改用子主題、CSS 優先權的運作邏輯,以及用瀏覽器開發者工具排查樣式不生效的實際步驟,幫站長一次掌握 WordPress 自訂 CSS 的核心技能。
佈景主題決定網站長什麼樣、操作好不好用、未來要不要換主題會不會打掉重練。這個分類聚焦在三件事:第一,免費/付費主題推薦清單與實測心得(Astra、Kadence、GeneratePress、Blocksy 等熱門選擇);第二,Gutenberg 區塊編輯器的進階用法,包含可重複使用區塊、模式(Patterns)、區塊主題與 FSE(完整網站編輯);第三,版面設計實戰,含色彩搭配、字型選擇、留白節奏、CTA 按鈕放哪裡比較有效。如果你想讓網站看起來不像「免費模板套用」,這裡的內容會幫上忙。
WordPress 的「附加 CSS」功能讓你不動主題檔案就能自訂樣式,主題更新也不會覆蓋。本文說明附加 CSS 與直接改 style.css 的差異、何時該改用子主題、CSS 優先權的運作邏輯,以及用瀏覽器開發者工具排查樣式不生效的實際步驟,幫站長一次掌握 WordPress 自訂 CSS 的核心技能。
「客製一律先開子主題」的觀念在區塊主題普及後已不再適用。本文釐清 WordPress 子主題使用時機:視覺層調整(顏色、字型、間距)走站台編輯器存資料庫即可,主題更新動不到;只有結構性修改 theme.json、重組 HTML 模板、加掛 PHP 鉤子、載入自訂 JS 這四類需求,才真正非開子主題不可。
站內設計規範散落各處是常態。theme.json 讓站長把色票、字級、間距、區塊預設集中在一份檔案,後台編輯器與前台輸出共用同一組設計權杖,避免每頁手動調整。
WordPress 6.x 全站編輯環境下,掌握模板編輯、區塊插入、群組鎖定與樣式面板操作,是快速上手 Site Editor 介面的關鍵。本文整理 FSE 區塊操作的核心手法,幫助站長在最短時間內建立編輯直覺。
2026 年 WordPress 免費主題功能已大幅進步,但維護、支援與授權上仍有明確差距。本文拆解免費與付費版在功能、更新、技術支援、商用授權四個斷點的實際差異,幫你判斷何時該升級、何時免費版就能撐起整站。
區塊主題已成 WordPress 官方推薦預設,經典主題仍有上千萬網站運作。本文從 FSE 成熟度、兩種主題的六大差異、適用情境,到既有站遷移考量,幫你判斷該選哪一邊。
2026 年 WordPress 區塊主題已成官方推薦主線,但經典主題仍有它的舞台。從 FSE 成熟度、六大關鍵差異、適用情境到既有站搬家決策,一次釐清挑選邏輯。
免費 WordPress 主題的功能曲線已被拉得很高,但版型鎖定、更新斷線、商用授權、技術支援這四條線仍是常見斷點。本文盤點免費版會卡住站長的具體情境,並列出該升級到 wordpress 付費主題的明確訊號,幫你判斷何時繼續用免費版、何時該付訂閱費。
WordPress 預設字級行高是給拉丁字母調的,套到中文上會悶。從主副字挑選、模組化字級、行高段距,到用 theme.json 把規則固定下來,整理一套讓全站排版穩定的設定流程。
theme.json 不是設定檔,而是把設計系統搬進主題根目錄的容器。本文從 settings、styles 到區塊預設拆解四層結構,示範如何收斂色票字級間距,並附版本 2 與 3 比較與遷移執行順序。