把整個網站想成一棟大樓，過去要換窗簾顏色或字體招牌，得一間一間房間去改；WordPress 的全域樣式（Global Styles）做的事情很不一樣，是站在控制室裡把整棟樓的色彩、字體、版面一次設定好，每個房間跟著同步變。
這正是很多不會寫程式碼的網站經營者容易遇到瓶頸的地方。想換一個字體、想統一按鈕顏色，翻遍後台卻找不到能一次改到全站的地方，只能打開每個頁面逐一調，改到一半才發現漏了某篇文章的標題還是舊字體。全域樣式是 WordPress 5.9 版之後、搭配區塊主題（Block Theme）才有的介面功能，讓使用者不必逐一改每個區塊或頁面，就能從一個地方設定全站的色彩、字體排版、版面與間距。它疊在佈景主題原本寫死的樣式之上，使用者在介面上做的每一次調整，會存進資料庫，優先蓋過主題預設。
這套設定疊了不只一層，蓋過誰、被誰蓋過都有固定順序，先從它疊在哪一層講起。
全域樣式是什麼？theme.json 之上再疊一層使用者設定
延續前面的比喻，全域樣式不是憑空出現的一層，它疊在好幾層設定之上，愈晚生效的層級優先權愈高。WordPress 官方文件把這個階層講得很清楚：最底層是 WordPress 核心內建的預設值，寫在安裝目錄 wp-includes 資料夾裡的 theme.json；往上一層是佈景主題自己的 theme.json，會覆蓋核心的預設；如果啟用了子主題、且子主題本身也帶 theme.json，又會再覆蓋父主題的設定；最上層則是使用者在站點編輯器的樣式面板裡實際做的每一次調整，這些改動會存進資料庫，優先權蓋過前面所有層級。
換句話說，佈景主題設計師事先決定了「這個主題大概長什麼樣子」，但只要使用者在樣式面板裡動手改過，資料庫裡的紀錄一律優先，主題原本寫死的顏色或字體就會被蓋掉。這也是為什麼同一套佈景主題，不同人裝起來外觀可能有明顯落差，關鍵往往在最上層有沒有被使用者調整過。
這個功能有兩個使用門檻：WordPress 版本要在 5.9 以上，而且佈景主題要是區塊主題（Block Theme）。傳統版型（Classic Theme）架構本身不支援這套介面，樣式面板不會出現。後面每一項設定，走的都是「在介面上點選設定」這條路，不會碰到 theme.json 的程式碼本身。不會寫 JSON、不會寫 CSS 的使用者，跟著介面上的選項一樣能把全站樣式調到位。
編輯器右上角的半月圖示是進入樣式面板的入口
實際操作路徑不難找，但第一次找的人常常在後台繞一圈。從左側選單點「外觀」進「編輯器」，畫面右上角、區塊設定側邊欄上方會有一個半陰影圓形圖示，形狀像半個月亮，點下去才會展開樣式面板。這個圖示只要是區塊主題、且版本在 5.9 以上就會出現，不管是在編輯範本、範本部件，還是站點編輯器主畫面，位置都一樣。
第一次點開樣式面板，通常會先跳出一個 Welcome Guide 導覽視窗，用幾張畫面簡單介紹面板裡有哪些分類。這個視窗關掉之後不會自動再跳出來，但也不會就此消失，之後想重看，從面板右上角的三個直排小點選單裡就能重新叫出來。面板最上方固定會先看到目前套用中樣式變體的縮圖預覽，往下才是 Typography、Colors、Layout 這些分類設定，旁邊還有一個眼睛圖示，點下去是 Style Book，能一次預覽所有區塊套用目前樣式後的長相，不用一個一個區塊去試。
把視野拉大一點，樣式面板其實只是站點編輯器主選單之一。進到編輯器後，畫面上會看到 Identity（站台名稱、標語、Logo、Icon）、Styles（也就是這裡在講的樣式面板）、Pages（在編輯器內直接編輯頁面內容）、Navigation（瀏覽並編輯選單）、Patterns（管理同步樣式與範本部件）、Templates（各版型的預設版面）並列。理解這個位置，接下來每一節提到「進 Colors 分類」「進 Layout 分類」，指的都是這個樣式面板底下的子選單，不是另外要去別的地方找。
文字、連結、標題與按鈕的字體排版設定
點進 Typography 分類，第一個要打破的誤解是「全站只能設一種字體」。實際上這裡管理的是好幾個獨立元素，各自可以分開設定：一般文字（Text）、連結（Links）、標題（Headings，還能再拆到 H1 到 H6 各自設定）、圖說（Captions）、按鈕（Buttons）。每個元素可以調整字型、字級、粗體或斜體之類的外觀、行高與字距，改動只影響那一個元素，不會牽動其他項目。
字級的部分，面板預設提供 S、M、L、XL、XXL 5 個級距可以直接選，也能切換成輸入框，用 px、em、rem 等單位自訂精確數值。想快速統一節奏就用預設級距，想對照設計稿上的精確像素就用自訂輸入，兩種模式在同一個面板裡切換，不用另外找地方設定。
挑字型的時候還有一個從 WordPress 6.8 版才開始有的細節。字型選單本身會即時顯示每一款字體的預覽長相，不必先套用到頁面上才知道實際長什麼樣子，選單裡滑過去看一眼就能判斷合不合用。
字體庫，免外掛上傳與安裝 Google 字體
字體排版設定完外觀規則之後，接下來要有字體可以選。字體庫（Font Library）是 WordPress 6.5 版加入的內建功能，運作邏輯很像媒體庫：可以看到目前已經安裝的字體（主題內建的加上自己另外裝的）、可以上傳自己有合法授權的字型檔，也能直接連上 Google Fonts 挑字型安裝，全程不必額外裝外掛。自 WordPress 7.0 版起，字體庫的入口移到後台選單「外觀 > 字體」獨立成一個頁面，區塊主題與傳統主題都能用；在 7.0 之前，這個功能是收在樣式面板 Typography 分類裡的「Manage Fonts」。頁面裡分成 Library（看目前安裝的字體）、Upload（上傳自有字型檔，支援 .ttf、.otf、.woff、.woff2 格式）、Install Fonts（瀏覽並安裝 Google Fonts）幾個分頁。
從 Google Fonts 安裝字體時，有一個容易被忽略、但實際影響不小的細節。WordPress 會把選定的字型檔下載下來，存放在自己的網站主機上，不是每次訪客瀏覽時才連到 Google 的伺服器去要字型檔。這種本機託管的做法對頁面速度有幫助，也讓訪客的瀏覽器不必額外連線 Google、不會把使用者資料送出去，對隱私也有實質意義，不只是操作上的差異。字型搭配上，官方教學建議最多挑兩款彈性高、品質好的字體家族就好，一款用在標題、一款用在內文；混用太多字體不但畫面顯得雜亂，也會拖慢載入速度。
標題從 H1 到 H6，各自的字體和間距要分開調整
很多人以為「標題」在樣式面板裡是一整組共用設定，改一次就全部套用。實際上樣式面板把 H1 到 H6 拆成各自獨立的子項，可以個別指定字型、字級、外觀（預設繼承、標準、粗體、斜體、粗斜體）、行高與字距、文字裝飾（無、底線、刪除線）、文字方向與大小寫，面板裡也有一個「All」選項，選了就會一次套用到所有標題階層。
這個設計對想精細調整版面的人特別有用。如果只是想讓某一階標題（例如 H3）特別放大、或換成不同字體，直接進到那一階單獨調整就好，不需要、也不會因為之前改過「All」整體設定，就失去單獨微調某一階的空間。整體設定與個別階層的設定是分開存在的，改整體不會鎖死個別選項，改個別選項也不會被整體設定覆蓋回去。
色彩設定分主題色盤與個別元素上色兩個層次
進到 Colors 分類，色彩設定其實分屬不同層次，這是新手最容易搞混的地方。第一層是色盤（Palette）。佈景主題內建的一組主題色（Theme），加上可以另外使用的 Default 色盤，兩者都能點進去改個別顏色，用色票挑、或直接輸入 HEX、RGB、HSL 數值都可以，也能自建 Custom 色盤新增專屬顏色。實際操作時，先點三個直排小點圖示選擇 Edit colors 進去改每一個色票，改完點右上角 Done 儲存；想復原就選同一個選單裡的 Reset colors，會把色盤還原回佈景主題原本的樣式變體。
第二層才是把色盤裡的顏色實際指定給全站元素：背景、文字、連結、標題、按鈕。改了色盤裡某個顏色的色碼，不代表任何一個元素就自動變成那個顏色。色盤與元素上色分屬不同步驟，色盤是一份可以挑選的顏色清單，元素上色才是決定這份清單裡的哪個顏色，要套用在網站的哪個位置——兩層要分開理解，才不會改了色票卻發現網站畫面完全沒變。如果佈景主題本身沒有內建色盤，樣式面板會直接顯示一個「新增自訂顏色」的按鈕，讓使用者從零開始建立。
調色盤分純色與漸層兩種類型
色盤面板本身分成 Solid（純色）與 Gradient（漸層）分頁，操作邏輯彼此對稱，各自都有 Theme、Default、Custom 區塊可以編輯或新增。只看純色分頁的人很容易以為這套色盤不支援漸層，其實漸層是獨立的一組設定，同樣可以編輯佈景主題內建的 Default 漸層，或在 Custom 區塊新增自訂漸層。
新增漸層的做法是點右上角的加號圖示，選擇 Linear（直線過渡）或 Radial（放射狀過渡）類型之一，接著可以調整漸層角度，也能在色彩滑桿上點擊、加入更多顏色點，做出兩色以上的漸層效果。這一整套漸層設定跟純色一樣，最後都會進到同一份色盤，之後在元素上色那一層一樣可以挑選套用。
背景、文字、連結、標題與按鈕的顏色逐一設定
回到元素這一層，色盤裡的顏色實際套用的位置分成幾類：背景可以設定純色或漸層；文字可以設定全站套用的預設文字色；連結除了預設色，還能另外設定滑鼠停留在連結上時要顯示的顏色；標題一樣拆成 H1 到 H6 各自設定文字色，也可以個別設定該階層的背景色（純色或漸層），一樣有「All」標籤能一次套用到所有階層；按鈕則能分別設定文字色與背景色。
這一層設定體現了「全域」兩個字的意義。改了某個元素的顏色，這個元素在全站每一處出現的地方都會跟著變，不只是改了眼前正在看的這一頁。舉例來說，把按鈕背景色改成品牌色之後，不管是首頁的行動呼籲按鈕，還是某篇文章裡的表單送出按鈕，只要沒有被個別覆寫過，全部會同步變成新設定的顏色，這正是全域樣式比逐頁改省下最多工夫的地方。
版面設定管理內容寬度與區塊之間的留白
進到 Layout 分類，最容易被誤解的一點是，這裡設定的不是「整個頁面有多寬」，而是「內容寬度」與「寬版寬度」這兩組基準數字。內容寬度（Content）是區塊在工具列選擇「無對齊」時預設套用的寬度，寬版寬度（Wide）則是區塊選「較寬」對齊時套用的寬度，兩者都能用 px、%、em、rem、vw、vh 等單位設定數值。除了寬度，這裡還管兩種留白：內距（Padding，頁面內容外圍的留白空間）與區塊間距（Block spacing，區塊與區塊之間的垂直留白），兩者都支援用滑桿快速套用佈景主題預先定義好的間距級距，也能點滑桿旁的圖示切換成輸入框、自訂精確數值。
內容寬度與寬版寬度的數值差異決定排版彈性
同一個頁面裡，為什麼有些區塊看起來比較窄、有些又特別寬，答案往往不在那個區塊本身，而在這裡設定的基準數值。內容寬度對應的是工具列「無對齊」選項，通常拿來放一般段落文字，讓長篇閱讀不會因為太寬而不好讀；寬版寬度對應「較寬對齊」，通常留給圖片、影片這類想要視覺上更有存在感的區塊。
理解這個對應關係之後，遇到「某個區塊看起來特別窄或特別寬」的疑問，就不必逐一去改那個區塊的個別設定，直接回到這裡調整內容寬度或寬版寬度的數值，全站套用相同對齊選項的區塊會一起跟著變，排版節奏也會更一致。
內距和區塊間距，鎖定預設比例或輸入自訂數值
內距與區塊間距各自有兩種操作模式。第一種是用滑桿選預設間距級距，這是佈景主題事先定義好的一套間距比例，用滑桿選就能讓全站的留白維持一致的節奏感，不用每處都手動對數字；第二種是點旁邊的圖示切換成輸入框，直接打精確的像素值，適合手上已經有明確設計稿數字、需要對齊的情況。
兩者預設都是連動鎖定的狀態。內距預設四邊連動，調整一個數值會套用到上下左右四邊；區塊間距同樣有類似的鎖定邏輯。點旁邊的鎖頭圖示解鎖之後，才能個別設定每一邊的數值，比如讓頁面左右內距比上下留得更寬。如果調整到一半想不起原本的數值，也不必逐一改回去，點右上角的三個小點圖示、選擇對應項目，就能把改過的數值還原成佈景主題原本的設定。
區塊層級樣式，只覆寫單一區塊類型的預設值
前面幾節設定的都是「全站所有文字」「全站所有按鈕」這種通用預設值，進到 Blocks 分類之後邏輯整個不一樣。這裡調的是「只有這一種區塊」的專屬樣式，不會動到其他區塊。舉例來說，只想讓引言（Quote）區塊用不同字型、或只想讓圖片區塊統一加上圓角，都不需要動到全站的文字或圖片設定，直接在 Blocks 分類裡找到對應的區塊調整就好。
面板裡列出的是全站可以自訂外觀的區塊清單，數量不少，找起來可以用搜尋框直接輸入區塊名稱。點進某個區塊之後，看得到的可調項目會因區塊種類而不同，常見的有邊距（Margin）、內距（Padding）、邊框（Border）、圓角（Radius）、陰影，如果是文字類區塊，還會多出字型、行高、字距這些排版選項。自 WordPress 6.2 版起，調整這些數值時畫面會即時顯示樣式變化的預覽，不用先儲存才知道改完長什麼樣子。
單一區塊的個別調整不會自動套用到全站同類型
操作上最容易誤解的地方是，如果在某個頁面上，直接對某一個按鈕區塊做了個別調整（不是透過樣式面板改的全站設定，而是選取那個區塊、在區塊工具列直接改顏色），這個改動只會留在那一個按鈕身上，網站上其他按鈕仍然照全站樣式顯示，不會一起變。
想把這次個別調整推廣成全站按鈕都套用同一個效果，要在該區塊的「進階」選單裡找到「Apply Globally」，選擇要套用哪些設定項目，例如只套用顏色、或連邊框一起套用，才會真正把這一次的改動寫回全站設定。沒做這一步，改動就會停留在單一區塊上，跟樣式面板的全站設定各自獨立存在。
樣式旁多了一個狀態選單，滑鼠停留和裝置尺寸都在裡面
這是目前這套介面最新的一塊。WordPress 7.1 版於 2026 年 8 月 19 日正式發布，在樣式面板裡新增了一個「States」（狀態）選單，把兩種過去得自己寫 CSS 才做得到的效果搬進了介面：一是滑鼠互動狀態（停留、聚焦、按下），二是依裝置尺寸（手機、平板）套用不同數值的響應式樣式。官方公告把這兩項列為這一版的重點功能，強調可以直接在編輯器裡設定一個區塊在不同螢幕尺寸下的外觀，全域樣式與個別區塊都適用，完全不必寫自訂 CSS。
這兩個功能雖然管的東西不一樣，操作邏輯卻是相通的。先在狀態選單裡選要調整的狀態或裝置尺寸，再回到原本熟悉的顏色、字體排版、版面設定裡去改數值。改完的數值只在那個狀態或那個尺寸下生效，不會動到其他狀態或桌面版的原始設定。理解這個先選狀態、再改數值的順序，前面幾節學過的每一個設定入口，這裡幾乎都能重複用上。
按鈕和導覽連結的滑鼠停留與聚焦樣式
互動狀態目前的適用範圍還不是所有區塊都支援，只有按鈕（Button）與導覽連結（Navigation Link）這兩種區塊，可以直接在樣式面板裡設定停留（:hover）、聚焦（:focus、:focus-visible）、按下（:active）這幾種狀態。操作方式是在狀態選單裡切到對應的互動狀態，再用原本設定顏色或邊框的介面，去改該狀態下應該呈現的外觀，改完存檔就會生效。
過去要讓按鈕滑鼠移過去變色，得自己在 theme.json 或額外的 CSS 檔裡寫停留狀態的選擇器；現在直接在狀態選單裡切換，用同一套顏色面板調整即可，門檻降低不少。
手機與平板的獨立樣式不會影響桌面版預設值
裝置尺寸這部分解決的是另一種常見困擾。過去想讓標題在手機上縮小字級，得自己寫 media query CSS，不會寫程式碼的人只能將就。現在直接在狀態選單切到「手機」或「平板」，把字級或間距的數值改小，這個改動只在對應尺寸下生效，桌面版原本的設定完全不受影響。
預設的兩個裝置尺寸斷點是手機（寬度 480px 以下）與平板（480px 以上、782px 以下），沒有獨立的「桌面版」樣式鍵，區塊原本的預設樣式就是桌機的基準樣式，會持續套用到比斷點更小的尺寸，除非被手機或平板樣式覆蓋掉。這個響應式功能適用的樣式屬性涵蓋字體排版、顏色與背景、邊框、尺寸、間距、版面等核心區塊支援的屬性，範圍不算窄。操作入口除了樣式面板的 States 下拉選單，編輯器「檢視」選單裡也有一個「Responsive styles」開關可以打開；另外站點編輯器頁面上方工具列的 Preview 選單，也能切換成特定裝置尺寸的視角去預覽並儲存樣式。
內建樣式變體一次套用整套配色與字體組合
前面每一節講的都是自己動手一項一項調，內建樣式變體則是完全不同的路線。進到樣式面板，點縮圖或左側箭頭旁的 Browse styles，會看到佈景主題預先做好的一整套配色、字型、間距組合，選一個就整站套用，不必自己重新設定每一項。這個功能是區塊主題自 WordPress 6.0 版起加入的，等於佈景主題作者事先幫使用者做了好幾種配好的版本可以直接挑。
樣式變體跟前面幾節自己動手調的關係並不衝突。變體只是一個快速起點，選定某個變體之後，仍然可以再用 Typography、Colors、Layout 個別微調，不是選了就從此定型、不能再改。WordPress 6.6 版之後，變體還細分出了色彩變體與字體排版變體，範圍只限縮在顏色或字體排版本身，如果只想換配色、字體想維持原樣，或只想換字體組合、配色不動，不必整套變體一起換，挑對應的子分類就好。技術層面上，這些樣式變體其實是額外的 theme.json 檔案，存放在佈景主題資料夾的 styles 子資料夾裡；使用者一旦在介面上選了某個變體，該變體的 JSON 內容會被寫進資料庫，成為使用者自訂設定，之後即使佈景主題更新了這個變體檔案，已經選用過的使用者不會自動拿到更新，除非重新切到別的變體再切回來。
瀏覽樣式縮圖只是即時預覽，存檔才套用全站
點選任一變體縮圖，會在編輯器裡立即看到套用後的樣子，這個階段其實只是即時預覽，還沒有真正存檔。想回到樣式面板主畫面，點左側箭頭圖示就能返回；確定要用哪個變體之後，記得回到樣式面板點右上角的「儲存」，才會真正把這次選定的變體套用到全站，不是點了縮圖就自動生效。
這個先預覽、後儲存的流程，跟前面顏色、字體排版、版面各節的操作邏輯是一致的，差別只在於變體是一次調整一整套，不是逐項調整。想比較幾個變體看起來的差異，直接點著縮圖切換就好，決定好了再存檔即可，不用擔心中途切換會弄壞什麼。
把樣式設定搬到別的網站，兩種做法都能打包成 zip
樣式面板裡調的所有顏色、字體、版面設定，預設只存在資料庫裡，換主機、或想在另一個網站套用同一套設定時，其實搬不走。要帶著走有兩種做法。第一種是站點編輯器內建的匯出功能。開啟編輯器（外觀 > 編輯器），點選樣式設定選項旁的三個直排小點圖示，在 Tools 底下選擇 Export，就會開始匯出流程，下載一個包含範本、範本部件與樣式設定的佈景主題 zip 檔，不必額外裝外掛。
第二種做法更進一步，適合想把這套設定變成一個獨立可安裝、可命名的新佈景主題，例如要分送給別人使用。安裝 WordPress 官方團隊維護的 Create Block Theme 外掛，啟用後後台「外觀」選單會出現同名項目，可以匯出目前啟用中的佈景主題成 zip 檔、建立全新空白主題、複製現有主題，或建立子主題。由於樣式面板做的自訂設定預設只存成資料庫項目，沒有整合進佈景主題檔案本身，若要搬到另一個網站，需要先點編輯器裡的扳手圖示、選「Save Changes to Theme」，把資料庫裡的自訂設定寫進 theme.json 檔案，再點扳手圖示選「Export Zip」下載，之後就能在其他 WordPress 網站的「外觀 > 佈景主題 > 新增佈景主題 > 上傳佈景主題」匯入安裝。
改壞了還有救，修訂紀錄和重設預設值兩種退路
調色調字調到一團亂，是每個第一次用全域樣式的人都會遇到的情況，好在有兩條退路，各自適合不同的狀況。第一條是修訂紀錄（Revisions）。樣式面板會像文章修訂一樣，每次儲存樣式改動都會留一筆紀錄。想檢視或套用回某一版，進到編輯器，點選樣式選單底部的 Revisions 選項（如果沒有修訂紀錄可選，代表目前沒有先前版本可用），點某一筆紀錄可以先預覽網站套用該版樣式後的樣子，確認要用就點 Apply，最後再點 Save，才會真正套用到網站上。
第二條是重設（Reset），不想一筆一筆找回舊版本、乾脆從頭來過的時候用這個。進到樣式設定，點三個直排小點選單選擇「Reset styles」，會重設所有 Typography、Colors、Layout 的改動，只有樣式設定被重設，不會影響內容或站台其他設定。重設不是只有全部重來一種粒度，也可以只針對某個分類或某個區塊做，先選到該樣式分類（Typography、Colors、Background、Shadows、Layout）或某個特定區塊，在 Typography 裡點某個元素（例如 text、links）進去，再點三個小點選單選 Reset all；如果目前完全沒改過任何樣式，這個選項會顯示灰階、無法點選。
兩者的差別在於精細度。修訂紀錄可以挑回特定某一次的狀態，適合只是想撤回最近一次改壞的調整；重設則是無條件回到佈景主題原本出廠時的樣子，適合已經改得亂七八糟、乾脆全部歸零的情況。哪個分類、哪個區塊要動，進到那一層去操作就好，不必整個樣式面板一次重設。
回到一開始的比喻，全域樣式做的事情，就是把原本要一間一間房間跑的工作，收進控制室的一個面板裡。從字體排版、色彩的兩層邏輯，到版面的寬度與留白，再到最新加進來的滑鼠互動與裝置尺寸樣式，每一項調整都存進同一份資料庫、套用到全站每一個角落。
真正動手調整之前，先弄清楚哪一層設定會被哪一層蓋過、色盤跟元素上色是兩件不同的事、單一區塊的改動不會自動變成全站規則，調起來才不會一改就亂，改壞了也知道該找修訂紀錄還是直接重設。這套介面會隨著版本持續加東西進來，但操作邏輯從頭到尾都是同一套：先找到對的分類，再決定要調全站還是只調一處。