家裡的總電源開關，只要輕輕一撥，全屋的燈跟家電就跟著反應，不必一個房間一個房間去按開關。網站上的樣式，理想上也該長這個樣子。可是把網站上的按鈕顏色換成新的品牌色，你以為改完首頁就完工，結果點開另外幾十個內頁，按鈕還是舊的顏色，只好一頁一頁翻出來改，改到後面連自己都記不清哪幾頁改過。
Elementor 全域設定（Site Settings）做的正是同一件事。它把顏色、字型、版面這類會在全站重複出現的樣式，集中定義一次，套用它的地方就會跟著變，不用再一頁一頁手動改。
Marq（前身 Lucidpress）訪查 400 多位品牌管理者後發現，品牌識別維持一致的公司，營收成長平均比不一致的公司高 10 到 20 個百分點；對經營網站的人來說，維持樣式一致不只是省事，也直接關係到品牌能不能被記住。讀完這篇，你會清楚 Site Settings 裡每一塊在管什麼、怎麼設定，也會知道 Elementor 4.0 之後，多了哪些新工具能把這套設計系統做得更徹底。先從它跟單頁樣式調整差在哪講起，再一塊一塊把顏色、字型、版面設定好。
Elementor 全域設定是什麼？和單頁樣式調整有什麼差異？
打開 Elementor 編輯器，點左上角的 Elementor 圖示，選單裡就有一個 Site Settings（中文介面依語系版本，可能顯示為「網站設定」或「站台設定」）。點進去之後，面板分成三大塊：設計系統（Design System），管全域顏色與全域字型；主題樣式（Theme Style），管標題、按鈕、圖片、表單這些元素的預設長相；還有一般設定，涵蓋網站識別、背景、版面、燈箱跟自訂 CSS。除了從編輯器裡進去，也可以從 WordPress 後台的 Elementor 選單進入 Editor 頁面，直接點進各個項目做客製化。
這跟平常在單一頁面改樣式最大的不同，在於作用的範圍。在某一頁把某個按鈕改色，只有那個按鈕會變；在 Site Settings 裡改一次全域顏色或全域字型，凡是套用到這個全域樣式的元素，不管在哪一頁，都會一起跟著變。換句話說，Site Settings 管的是整個網站共用的規則，不是單一頁面的個別設定。
全域設定為什麼比逐頁調整更值得投入？
效率是最直接的理由。設定好全域顏色跟全域字型之後，新增頁面或元素時只要點選全域樣式套用就好，不必每次重新挑色碼、選字型；要調整品牌色系時，也只要回到 Site Settings 改一次，不用把整站頁面翻過一輪。
一致性影響的則是訪客怎麼看待你的品牌。同一個網站，如果某幾頁的標題字體、按鈕顏色跟其他頁面不一樣，訪客會隱約覺得這個網站不夠專業，甚至懷疑自己是不是連到了別的網站，這也是引言提到的品牌一致性數據背後真正的意義。可維護性更是長期經營才會體會到的差別，網站交接給別人接手，或者未來要換一次品牌色系，靠的就是這套集中管理的設定，而不是翻遍每一頁去找哪裡還沒改到。
這些功能也不必等到升級付費版才能用。全域顏色、全域字型、主題樣式、版面設定，在 Elementor 免費版就能完整使用，不需要另外升級才能建立這套設計系統。
全域顏色與全域字型怎麼設定，才能打好色彩字體的地基？
設計系統裡最先該處理的，是全域顏色跟全域字型這兩塊。Elementor 預設給了四組色版跟字型樣式，主要、次要、文字、強調，你可以直接沿用這四組的名字重新設定顏色字型，也可以新增更多自訂樣式；系統色版不能刪除，但可以改名、改顏色，也能拖曳調整排列順序。
設定好之後，在任何元素的樣式面板選顏色或字型時，認明那個地球圖示，點下去選全域樣式，而不是每次手動挑一次色碼。這一步是全域設定能不能真正發揮效果的關鍵，漏掉它，改再多次全域顏色，套用手動色碼的元素也不會跟著變。
全域顏色怎麼新增與命名
在 Custom Colors 底下點 Add Color，系統會生成一個新項目，先點名稱欄位替它取一個看得懂用途的名字，再點色票選顏色，存檔生效，也可以拖曳排序把常用色放前面。命名習慣值得留意，建議依用途命名，比如取名「品牌主色」，而不是依外觀命名成「藍色」，原因很簡單，品牌色系一旦更換，一個叫「藍色」的色版卻代表著新的橘色，只會讓後面接手的人一頭霧水。
全域字型怎麼建立，還能加後備字型
新增全域字型走的是同一套邏輯，點 Add Style 之後設定字重、字級、行高等排版細節。這裡有一個容易被忽略的選項，Fallback Font Family（後備字型），作用類似字型堆疊的概念。當主要字型因為載入失敗或裝置不支援而顯示不出來時，瀏覽器會依序改用你設定的後備字型，版面才不會因為缺字型而跑掉。
設定了顏色字型卻沒生效？先檢查這兩個開關
全域顏色字型明明都設定好了，套用到頁面上卻看不出任何變化，這個狀況多半出在 Elementor 一般設定裡的兩個開關——停用預設顏色（Disable Default Colors）跟停用預設字型（Disable Default Fonts）。注意名稱裡的「停用」兩個字：這兩格預設不勾選，新加入的元素會自動套用你在 Site Settings 定義的全域顏色與字型；一旦勾選，Elementor 就停止套用全域預設值，改用佈景主題本身的配色跟字型，你設定的全域顏色字型自然看不出效果。所以全域設定沒生效時，先來這裡確認這兩格保持「不勾選」；只有想讓整站沿用佈景主題的樣式、不吃 Elementor 全域設定時，才需要把它們勾起來。
主題樣式（Theme Style）怎麼設定，才能定出標題、按鈕、表單的預設長相？
主題樣式跟前面的全域顏色字型，其實是兩個不同層級的東西。全域顏色字型比較像一組可以自由命名、隨處選用的調色盤，主題樣式則是針對 HTML 標籤本身，H1 到 H6、內文、連結、按鈕、圖片、表單欄位，設下一組預設值。當某個元素沒有另外指定全域樣式時，就會退回套用主題樣式這一層；換句話說，主題樣式是最底層的保底設定，全域顏色字型是疊在它上面、優先度更高的一層。
點進主題樣式，可以逐項設定標題的顏色跟排版、連結在一般與滑鼠移過時的樣式、按鈕的文字顏色、背景色、邊框樣式、圓角、內距，還有圖片的邊框、陰影跟濾鏡效果，以及表單欄位的顏色與排版。這一塊還有一個容易被忽略的好處，就算是外掛產生的頁面，像是購物車外掛的結帳欄位，或第三方表單外掛的標籤文字，只要沒有另外設定樣式，一樣會套用這裡定義的主題樣式，不需要另外逐一調整。
版面寬度與間距怎麼一次調好？
Layout 這一塊管的是版面的骨架尺寸。內容寬度（Content Width）決定「Boxed（定寬）」版面容器的寬度，預設值是 1140 像素，適合多數桌機螢幕的閱讀寬度；容器內距（Container Padding）決定容器邊界跟內部元素之間留多少空間；元素間距（Gaps）則是容器裡各個項目彼此的間隔，預設是 20 像素。
這幾個數字一旦在 Site Settings 設定好，之後新建的頁面容器都會沿用同樣的寬度跟間距，不必每個頁面重新抓一次數字，也能避免同一個網站的頁面寬度忽寬忽窄。這裡還能設定預設頁面版面，決定新頁面預設要不要包含頁首頁尾，或直接採用空白畫布。
背景、燈箱、自訂 CSS，這些站級設定也別漏掉
Site Settings 底下還有幾塊比較容易被忽略，但同樣值得一次設定好的項目。網站識別管理站名、說明文字、Logo 跟 favicon；背景可以設定全站的背景色或背景圖，也能替手機版另外指定一組背景。燈箱（Lightbox）則是控制圖片、相簿、輪播圖被點開後彈出視窗的顯示行為，像是要不要顯示縮放、分享、圖片標題與說明，以及彈出視窗的背景色跟介面配色。
自訂 CSS 是最後一道備用手段，當前面提到的選項都沒辦法滿足需求時，可以在這裡加入一段全站套用的 CSS。它適合處理零星、內建選項顧不到的細節，不是設計系統的主力工具，前面幾節的全域顏色字型跟主題樣式做得夠完整，通常用不太到這裡。
現在還能怎麼進階？認識 Elementor V4 的變數與樣式類別
2026 年 4 月上線的 Elementor 4.0（也稱 Editor V4），把全域設定這個概念又往前推了一步。除了原本的全域顏色字型，V4 多了變數（Variables）跟樣式類別（Classes）這兩個新工具，讓整套設計系統比過去更完整，也更貼近前端開發常說的設計系統做法。既有網站不會被強迫升級後立刻改版，可以從元素面板的提示手動啟用新功能，新舊架構能並存，一頁一頁慢慢轉換，不必一次把整站重建。
目前多數市面上的 Elementor 教學內容，還停留在講全域顏色字型跟主題樣式這個層級，對 4.0 之後這套新工具著墨不多，但這正是接下來想把設計系統做得更徹底的人，最該優先了解的部分。
設計變數（Variables）怎麼定義顏色、字體與尺寸？
變數的概念，是把顏色、字型、尺寸這些會重複用到的數值，定義成一個個有名字的變數，例如品牌主色、按鈕字型、基礎間距，再到樣式面板連結到這個變數，而不是每次手動填色碼或數字。所有變數統一收在變數管理器（Variables Manager）裡檢視跟維護，V4 目前支援顏色、字型排版、尺寸三種類型的變數。命名原則跟前面全域顏色一樣，依用途命名，不依外觀命名，品牌色系調整時，變數名稱才不會造成誤導。這項功能免費版就能使用，不是 Pro 專屬。
全域樣式類別（Classes）怎麼讓按鈕、卡片重複套用？
樣式類別把變數的概念再往上疊一層，把一整組樣式，像是某種按鈕的文字色、背景色、圓角、內距，存成一個具名的類別，套用到任何元素上；之後只要更新這個類別一次，所有套用它的元素會一起跟著變。這等於把全域顏色字型只管顏色跟字型的範圍，擴大到按鈕、卡片、標題區塊這類完整的視覺組合。不過類別不宜建太多，只挑幾組真正會重複用到的組合建立就好，類別一多、命名又混亂，反而會失去統一管理的意義。
舊版全域顏色字型，V4 還能不能沿用？
已經照前面幾節設定好全域顏色字型的網站，升級到 4.0 之後不會整套作廢。Elementor 提供從 V4 的顏色變數與排版類別，單向同步回舊版全域顏色字型的機制，讓新舊兩套系統可以並存過渡，不需要馬上重做一次。比較保守的做法，是先在新版頁面試著用變數跟樣式類別建立看看，確認流程順手之後，再逐步把舊有設定往新架構搬。
怎麼讓全域設定真正維護得下去？從命名到定期整理的三個習慣
設定好只是第一步，要長期維護得下去，靠的是幾個習慣。
- 依用途命名，不依外觀命名：顏色、字型、變數、樣式類別，取名字時想的是這個東西是做什麼用的，不是它現在長什麼樣子，未來調整品牌色系或字體時，名稱才對得上實際用途。
- 共用而非氾濫新建：同一類型的元素，盡量共用少數幾組全域樣式或類別，不要每個頁面、每個小差異都另外建一個新的，一多起來連自己都記不清哪個對應哪個。
- 定期回頭整理：網站經營一段時間後，回頭檢查一次全域顏色、字型、變數跟類別，把不再使用的項目清掉，這套系統才會一直保持簡潔，方便交接給下一個維護的人。
這三個習慣做到位，全域設定就不只是一次性的初始設定，而是一套能陪著網站一路成長、隨時可以放心交接的設計系統。
回到一開始的比喻，家裡的電源開關值得一次接好，之後不管是換燈泡還是調亮度，動的都只是那一個開關，不必一間房一間房重新拉線。網站的全域設定也是同樣的道理，顏色、字型、版面這些會反覆用到的樣式，一開始就整理進 Site Settings，甚至進一步用上 Elementor 4.0 之後的變數與樣式類別，之後不管是換一次品牌色，還是調整整體版面，都只是動一次開關，而不是把全站的燈一間一間重新按過一輪。