第一次打開 WordPress 經典主題的客製器（Customizer），左邊一長串面板、右邊整頁即時預覽，多數人會卡在同一個問題：到底每個面板管的是哪一塊？哪些設定改了會全站生效、哪些只是這個主題自己的選項？更麻煩的是，有些人在後台根本找不到「自訂」這個入口，懷疑自己的 WordPress 是不是壞了。

客製器是經典主題調整外觀最核心的工具，從網站名稱、logo、選單到自訂 CSS 都在這裡完成，而且每一步都能在右側即時預覽，按下發布前不會動到正式網站。這篇會把客製器每個面板的用途、改了會影響什麼、以及找不到入口時該怎麼判斷，依照實際操作順序走一遍，並補上多數教學略過的 WooCommerce 商店設定與團隊協作預覽流程。

客製器是什麼？經典主題調整外觀的即時預覽工具

客製器是 WordPress 內建的外觀調整介面，左側是設定面板、右側是網站即時預覽，調整任何一項都會即時反映在右邊，確認滿意再按發布才會套用到正式網站。它從 WordPress 3.4 版開始內建，是經典主題（Classic Theme）控制外觀的標準工具。

它的核心價值在於「先看再上線」。過去調整佈景主題要直接改設定、重新整理前台才知道結果，客製器把這個循環縮到即時，改顏色、換 logo、調選單位置都能邊改邊看。沒按發布之前，所有變動只存在預覽狀態，正式網站的訪客看不到，這讓你可以放心地大膽嘗試。

進入方式是登入後台後，從左側選單點「外觀」再點「自訂」。另一條路是「外觀」的「佈景主題」頁，把滑鼠移到任何一個已安裝主題上，點「即時預覽」就能在不啟用該主題的情況下，先用客製器預覽它套到你網站的樣子。

為什麼後台找不到「自訂」？經典主題與區塊主題的分水嶺

如果後台的「外觀」底下沒有「自訂」這個選項，最可能的原因不是故障，而是你目前啟用的是區塊主題（Block Theme），不是經典主題。客製器是經典主題專屬的工具，區塊主題改用另一套叫「編輯器」的全站編輯介面。

WordPress 從 5.8 版開始支援全站編輯（Full Site Editing），啟用區塊主題後，原本「外觀」底下的「選單」「自訂」會被收合成一個「編輯器」入口。在編輯器裡，頁首、頁尾、整站範本、全域顏色與字型都改用區塊的方式編輯，邏輯跟寫文章用的區塊編輯器幾乎一致。換句話說，區塊主題不是把客製器藏起來，而是整套換掉了。

判斷自己屬於哪一種，最快的方法是看「外觀」底下出現的是「自訂」還是「編輯器」：

如果你確定自己用的是經典主題，「自訂」卻消失了，常見原因有兩個。一是選單裡存在無效的選單項目（通常顯示為紅底），會干擾客製器載入，先到「外觀」的「選單」把紅底項目移除再回來看。二是外掛或主題衝突，可以暫時停用近期新裝的外掛逐一排查。本篇接下來的內容都以經典主題的客製器為主，使用區塊主題的讀者可以把對應功能對照到編輯器去找。

網站識別怎麼設定？標題、標語、logo 與網站圖示

網站識別（Site Identity）面板管的是你網站最基本的身分資訊，包括網站標題、標語、logo 與瀏覽器分頁上的小圖示，這幾項通常是新站第一個要改的地方。

網站標題就是訪客和搜尋引擎用來辨識你網站的名稱，標語則是一句簡短描述。WordPress 預設的標語是「Just Another WordPress Site」，安裝完一定要改掉或清空，留著預設值會顯得網站沒整理好。如果你的 logo 圖檔本身已經含品牌名稱，標語可以留白，避免畫面上名稱重複出現。

logo 在「選擇 logo」上傳；瀏覽器分頁的小圖示（favicon）在「選擇網站圖示」上傳。網站圖示建議用正方形、至少 512 × 512 像素的圖檔，它不只出現在瀏覽器分頁，也會用在加到手機桌面時的圖示。要注意標題、標語要不要顯示在前台，通常會有一個勾選框可切換，有些主題會選擇只顯示 logo、隱藏文字標題。

顏色、頁首媒體與背景圖：外觀風格在哪裡調

顏色、頁首媒體、背景圖這幾個面板控制網站的視覺風格，但實際有哪些可調項目高度取決於你用的主題，這是客製器最容易讓人困惑的地方。

顏色面板在不同主題差異很大。基本款主題可能只給你「頁首文字顏色」和「背景顏色」兩個選項，前者改的是網站標題與標語的文字色、後者改的是整站背景色。功能完整的主題則會提供全站配色方案，連連結色、標題色、表單欄位、側邊欄都能個別調整。看到顏色選項少不要以為客製器壞了，那是主題開發者開放的範圍不同。

頁首媒體（Header Media）讓你在頁首放圖片或影片。影片可以上傳檔案，也可以直接貼 YouTube 連結；不放影片就改放圖片。背景圖（Background Image）則是替整站套一張底圖，可設定填滿螢幕、符合螢幕、重複排列等顯示方式，也能設定捲動時固定或隨頁面移動的視差效果。背景圖有個實務上的坑要先知道：主題不一定會把背景套用到所有頁面範本，手機版的呈現也常常跟桌機不同，設定完務必兩種裝置都檢查一遍。

選單與小工具：導覽列和側邊欄頁尾內容怎麼放

選單面板負責建立導覽列並決定它出現在網站哪個位置，小工具面板則負責往側邊欄、頁尾這些區塊塞內容，兩者一起決定了網站骨架以外的內容區塊。

建立選單時先點「建立新選單」，替選單取個好辨認的名字，再選它要出現的位置。一個主題支援哪些選單位置不一定，可以點「檢視所有位置」看你的主題開放了幾個。建好之後用「新增項目」把頁面、文章、分類、標籤或自訂連結加進去，需要調順序就用拖曳或「重新排序」的箭頭調整。

小工具是放在側邊欄或頁尾的內容區塊，常見的有搜尋框、最新文章、最新留言、分類列表、自訂 HTML、彙整、行事曆、標籤雲等等。點小工具面板會先列出主題開放的區塊位置（例如側邊欄、頁尾一到頁尾四），選一個位置再「新增小工具」。值得注意的是，新版 WordPress 的小工具已經改用區塊來編輯，所以你在這裡能放的其實是段落、圖片、清單等各種區塊，自由度比舊版高。

首頁顯示什麼？文章列表與靜態頁面的切換

首頁設定（Homepage Settings）決定訪客進站第一眼看到的是最新文章列表，還是你指定的一個靜態頁面，這是品牌官網與部落格的關鍵分岔。

WordPress 預設首頁是顯示最新文章，適合純部落格。但商業網站、品牌官網、產品型網站通常會想要一個正式的著陸頁來呈現產品與服務，這時就要在首頁設定選「靜態頁面」。選了之後會出現兩個下拉選單，一個指定哪個頁面當首頁、另一個指定哪個頁面放文章列表。如果還沒建好對應頁面，可以直接點下拉選單下方的「新增頁面」即時建立空白頁。

設定靜態首頁是經營型網站很常見的第一步，但很多新手會忘記另外指定「文章頁」，導致部落格文章沒有一個集中入口。如果你的網站同時要有正式首頁又要經營文章，記得兩個下拉都要設。

自訂 CSS 該不該用？和改 style.css、子主題的取捨

附加 CSS（Additional CSS）面板讓你直接寫 CSS 微調網站樣式，對新手來說，它比直接改主題的 style.css 安全，因為更新主題不會把你寫的內容洗掉。

直接編輯主題資料夾裡的 style.css 有個致命問題：主題一更新，你改過的內容就會被覆蓋消失，而且還得有 FTP 權限、會動主題檔案。附加 CSS 把這些風險都擋掉了，你寫的樣式存在資料庫裡、跟著主題走，更新主題不影響。在面板裡邊打 CSS，WordPress 會即時提示屬性、語法寫錯也會跳錯誤訊息，右側預覽同步反映結果，很適合做小幅度的樣式微調。

不過附加 CSS 也有它的邊界。它的設定是綁在當前主題上的，換主題就不會跟過去，而且只能改樣式、不能改結構或功能。如果你要做的是大量、長期維護的客製，或需要改 HTML 結構、加 PHP 函式，正確做法是建立子主題（Child Theme），把客製內容放在子主題裡，這樣既不怕主題更新覆蓋、又能完整控制範本與函式。簡單的色彩字級微調用附加 CSS，成規模的客製走子主題，這是比較合理的分工。

WooCommerce 商店設定藏在客製器哪裡

如果你的網站裝了 WooCommerce，客製器會多出一個 WooCommerce 面板，裡面管的是商店外觀層級的設定，例如商店頁與分類頁的商品列數與每列商品數、商品圖片尺寸，以及購物車與結帳的部分提示樣式。

這塊是多數客製器教學會略過、但開店的人最需要的。常用到的是「商品目錄」設定，可以調商店頁的排序方式、每頁顯示幾列、每列幾個商品；「商品圖片」設定則影響商品縮圖與單品主圖的裁切比例，改了之後若舊圖沒更新，可能要重新產生縮圖才會套到既有商品。要提醒的是，這裡管的是外觀呈現，商店的金流、運費、稅金這類交易設定不在客製器，而是在後台的「WooCommerce」設定頁，兩者不要混淆。

不同主題對 WooCommerce 的支援程度不同，專為電商設計的主題通常會在客製器裡再開放更多商店版型選項，例如商品頁的側邊欄要不要顯示、結帳頁的版面配置等。看到 WooCommerce 面板選項多寡不一，一樣是主題開放範圍的差異，不是設定遺失。

改完怎麼存？發布、儲存草稿、排程與多裝置預覽

客製器底部的工具讓你決定改動何時上線：直接發布、存成草稿之後再上、或排程在指定時間自動生效，搭配多裝置預覽，可以先確認手機版沒問題再決定要不要發布。

調整完一定要按「發布」才會套用到正式網站，沒按發布、直接關掉視窗，所有變動都會消失。如果改到一半還沒定案，可以點「發布」旁邊的齒輪圖示打開動作面板，裡面有三個選項。「儲存草稿」會把目前的設計暫存起來，正式網站維持原樣不變，還能複製預覽連結分享給同事或客戶看，對方不需要後台權限就能看到草稿效果，這對團隊協作很實用。「排程」可以指定一個日期時間讓改動自動上線，例如安排在流量最低的時段換版。想放棄未發布的變更，點「捨棄變更」即可。

底部還有桌機、平板、手機三個圖示，點一下就能模擬不同螢幕尺寸的呈現。這是檢查響應式設計的好起點，但模擬畢竟是模擬，重要的版面最好還是拿實機開來看一次最準。旁邊的「隱藏控制項」可以把左側面板收起來，方便用桌機完整檢視預覽畫面。

客製器設定會不會跟著換主題走？常見的維護陷阱

客製器的所有設定都是綁在「特定主題」上的，換主題不會把設定一起帶過去，新主題會回到它自己的預設值，這是很多人換版後發現網站「跑掉」的根本原因。

這個機制要先想清楚：你在客製器裡調的顏色、選單位置、小工具、附加 CSS，全部歸屬於當下這個主題。換到新主題時，這些設定不會自動套用，網站會以新主題的預設外觀呈現，你得在新主題裡重新調一次。好消息是舊設定並沒有被刪除，而是留在資料庫裡，哪天你換回原本的主題，那套設計會自動還原。

理解這點能避免兩個常見麻煩。第一，換主題前先截圖或記錄重要設定，尤其是附加 CSS 和選單結構，免得重設時漏東漏西。第二，如果你常在本機或測試站調好設定再搬到正式站，可以用客製器設定的匯出匯入外掛，把整套設定打包搬移，不必逐項手動重設。重大改版建議先在測試環境（staging）試過，確認沒問題再動正式站，客製器的變更在按發布前雖然不影響前台，但一旦按下發布就是即時生效，正式站上直接大改還是有風險。

從找入口、認清自己用的是經典主題還是區塊主題，到逐一設定網站識別、顏色、選單、小工具、首頁與自訂 CSS，客製器的邏輯其實很一致：左邊改、右邊看、滿意再發布。掌握每個面板對應網站的哪一塊、哪些選項是主題開放範圍而非系統故障，就不會再被那一長串面板嚇到。如果你正準備動手，建議從網站識別開始，依序往下設定，每改一段就用底部的多裝置預覽檢查手機版，最後別忘了按發布，並把重要的附加 CSS 另外備份一份，替日後換主題或改版留好退路。