第一次點開「外觀」底下那個叫「編輯器」的選項，畫面整個變成一張你的網站縮圖、左邊冒出一排陌生的選單，很多人當下的反應是先把分頁關掉。明明只是想換個頁首顏色，怎麼跳進一個看起來會把整個網站弄壞的地方？

這就是 WordPress 全站編輯器（Site Editor）給新手的第一印象。它把過去散落在「自訂」「選單」「小工具」裡的設定全部收進同一個視覺化介面，威力很大，但第一次面對確實容易慌。這篇會帶你看懂打開後那五個區塊各是什麼、範本和樣式到底差在哪，以及最關鍵的一點：怎麼改才不會不小心動到不該動的地方。把這幾件事弄清楚，全站編輯器其實比舊的自訂工具好用得多。

全站編輯器是什麼，跟舊版佈景主題自訂有什麼不同

全站編輯器是 WordPress 內建的視覺化網站設計工具，讓你用「區塊」的方式直接編輯頁首、頁尾、文章版型、彙整頁等整個網站的結構，不必碰任何 PHP 程式碼。它是 Gutenberg 區塊編輯器的延伸——過去你用區塊寫文章內容，現在同一套區塊邏輯被拿來組裝整個網站的外觀。

它跟舊的做法差在哪？傳統佈景主題把設定拆成好幾塊：改顏色字型要去「外觀 → 自訂」，調選單要去「外觀 → 選單」，放側邊欄內容要去「外觀 → 小工具」，想改頁首結構往往得直接編輯主題的 PHP 檔。全站編輯器把這些全部合併成一個介面，而且是所見即所得，改的當下右側預覽就會跟著變，不用一直在編輯畫面和前台之間來回切換。

這裡有個名稱上的小混亂值得先講清楚。這套功能早期叫「全站編輯」（Full Site Editing，常縮寫成 FSE），WordPress 官方在 2022 年之後改口統一稱為「網站編輯器」（Site Editor）。所以你在網路上會同時看到 FSE、Full Site Editing、Site Editor 三種講法，它們指的都是同一件事，看到別緊張。

進入全站編輯器前要先確認的兩件事

打開全站編輯器只有一條路：到後台左側選單，點「外觀」，底下找到「編輯器」。但很多人卡在第一步——「外觀」底下根本沒有「編輯器」這個選項。這不是壞掉，而是兩個前提沒滿足。

第一個前提是你的網站要用「區塊主題」（Block Theme）。全站編輯器只對區塊主題開放，如果你用的是傳統主題（classic theme），就完全沒有這個功能。判斷方法很直覺：點開「外觀」，如果你看到的是「編輯器」這一項，代表目前的主題是區塊主題；如果你看到的是「自訂」「選單」「佈景主題檔案編輯器」這類舊選項，那就是傳統主題。台灣站長常用的 Astra、GeneratePress、Kadence、OceanWP 這幾款，預設版本都還是傳統主題（部分另外推出了 FSE 版本，要特別挑），所以你裝了這些卻找不到編輯器，是正常的。

第二個前提是 WordPress 版本要夠新。全站編輯從 5.8 版開始陸續支援，到 5.9 才算正式整合，現行的 6.x 版本已經相當成熟。如果你的網站還停在更舊的版本，先把核心更新上來。

想換一個能用全站編輯器的主題，最快的來源是 WordPress.org 官方佈景主題目錄。在篩選器裡勾選「區塊主題」（Block themes），列出來的就全是支援的主題。WordPress 內建的預設主題 Twenty Twenty-Five、Twenty Twenty-Four 都是區塊主題，想練手的話直接拿預設主題開來玩最安全。

第一次打開 Site Editor 看到的五個區塊

進到全站編輯器後，畫面左側會出現一排主選單，右側是你網站目前的預覽縮圖。左側選單由上而下總共五項，這就是整個編輯器的骨架。先把它們各管什麼記起來，後面操作就不會迷路。

• 導覽（Navigation）：管理網站的選單連結。預設會自動把所有頂層頁面排進選單，你可以在這裡增刪連結、調順序、做下拉子選單。
• 樣式（Styles）：控制整站的視覺風格，包括顏色、字型、間距，也就是過去要在「自訂」裡調的那些。
• 頁面（Pages）：列出網站現有的頁面，本質上和後台「頁面」清單是同一份資料，只是換個地方存取，也能從這裡直接新增草稿頁。
• 範本（Templates）：管理各種版型結構，例如單篇文章長什麼樣、彙整頁怎麼排、404 頁面的內容，這是比較進階的部分。
• 圖案（Patterns）：預先組好、可重複插入的區塊組合，頁首頁尾這類「範本組件」也收在這裡。

點任何一項進去再點編輯（通常是鉛筆圖示），都會進到實際的區塊編輯畫面，那個介面跟你寫文章用的區塊編輯器幾乎一模一樣。換句話說，只要你會用區塊寫過文章，全站編輯器的操作門檻已經先降一半了。

範本、範本組件、區塊樣式與頁面的差別

新手最容易卡住的不是按鈕在哪，而是這四個概念分不清楚，結果想改頁首跑去改範本，想換顏色跑去改頁面。把它們的關係理順，後面就順了。

頁面（Page）指的是單一一個內容頁，例如「關於我們」「聯絡方式」，它有自己獨立的內容，改了只影響那一頁。

範本（Template）是一整類頁面共用的版型藍圖。最典型的例子是「單篇文章範本」——你網站上每一篇部落格文章都套用同一個範本，所以只要改這個範本一次，所有文章頁的版型就一起變。這對有大量文章的網站特別省事，不必一篇一篇改。

範本組件（Template Part）是範本裡可重複使用的結構區塊，最常見的就是頁首和頁尾。它和範本的差別在於：範本是整頁的藍圖，範本組件是被多個範本共用的零件。頁尾的版權資訊改一次，全站每個頁面的頁尾都會跟著更新，因為它們都引用同一個範本組件。在介面上，頁首頁尾這類範本組件其實是被歸在「圖案」底下管理的，這點剛接觸時容易找不到，記一下。

區塊樣式（在「樣式」裡設定）則是跨整站的視覺規則，例如主要顏色、標題字型、段落行高。它不管結構長怎樣，只管「長出來的東西用什麼顏色字型呈現」。

簡單分一下層次：頁面和範本決定「放什麼、怎麼排」，範本組件是「重複用的零件」，樣式決定「用什麼顏色字型」。釐清這個之後，你想改什麼就知道該往哪一項點。

用全域樣式統一整站外觀的操作流程

如果你只想先做一件有感的事，調全域樣式是回報最高的起手式。它能一次決定整個網站的顏色和字型基調，不必逐頁設定，這也是過去要靠第三方外掛或頁面編輯器才有、現在 WordPress 原生就內建的功能。

操作路徑是進入全站編輯器後點左側「樣式」。一進去你會先看到主題預設的幾組「樣式變化」（style variations），每一組都是設計好的顏色加字型組合，點一下就能整站換風格。以預設的 Twenty Twenty-Four 為例就附了好幾組可以直接套。覺得不夠，再點鉛筆進編輯模式手動微調。

進編輯模式後，右側面板是主要操作區，常用的有這幾塊：

• 字型（Typography）：可分別設定內文、連結、標題、按鈕的字體、大小、粗細與行高。例如想讓標題比內文更醒目，就單獨改標題那一項。
• 顏色（Colors）：分成「調色盤」和個別元素兩層。調色盤裡有主題色、預設色、自訂色三類；下方則能個別指定文字、背景、連結、按鈕的顏色。
• 背景與陰影：可換整站背景圖、調整按鈕之類元素的陰影效果。
• 版面配置（Layout）：設定內容寬度、寬版寬度、內距與區塊間距，控制整體留白鬆緊。

因為全域樣式管的是跨頁、跨整站的通用規則，通常會建議在網站正式上線、開始放內容之前就先把它定下來，後面才不會東改西改造成風格不一致。改完記得按右上角的「儲存」才會生效。

編輯與儲存時不會手忙腳亂的安全做法

最後這段是新手最該知道、競品卻常常略過的：怎麼改才不會把線上網站弄壞。先給結論——全站編輯器的所有變更在你按「儲存」之前都不會上線，而且就算存錯了，也都有路可以還原。理解這點，你就能放心地點來點去。

第一，儲存前看清楚那張確認清單。全站編輯器很貼心也很容易嚇到人的一點是：當你在一次編輯裡同時動到了頁首、某個範本和全域樣式，按儲存時它會跳出一張清單，把「即將被更新的項目」全部列出來給你勾選確認。第一次看到會覺得「我怎麼改了這麼多」，其實這正是它在保護你——你可以只勾要存的、取消勾不想存的，避免誤改一起上線。

第二，善用復原與修訂紀錄。編輯過程中隨時可以按 Ctrl+Z（Mac 是 Command+Z）一步步退回。樣式設定還內建了修訂版本歷史，萬一整組風格調壞了，可以直接回到先前的版本，不必自己記下原本的色碼。

第三，範本和範本組件能一鍵還原成預設。如果你把主題附的某個範本改到認不出來，到「範本」清單裡找到它，透過右側的管理選單就能還原成佈景主題的原始版本。被你編輯過的範本通常會在圖示上多一個小藍點當提示，方便辨認哪些動過。

第四，怕麻煩就先在預設主題上練。真的要在運作中的網站大改之前，不妨先裝一個 Twenty Twenty-Five 之類的預設區塊主題，或在測試環境裡熟悉介面。等手感有了，再回正式網站動刀。要提醒的是，若你之後打算深度客製，最好建立子主題再改，否則主題更新時自訂內容有遺失的風險。

把這四件事放在心上，全站編輯器對新手就不再是個地雷區，而是一個改錯了隨時能反悔的沙盒。

剛打開 Site Editor 會慌，幾乎都是因為不知道那五個區塊各管什麼、也不確定改下去會不會回不來。現在你知道了：先確認自己用的是區塊主題、看懂導覽到圖案這五項的分工、分清楚頁面、範本、範本組件和樣式各自的角色，剩下的就是動手。最穩的第一步，是拿 Twenty Twenty-Five 這類預設主題，從「樣式」裡換個顏色字型開始，反正存錯了也能還原。等你按過幾次儲存、退過幾次復原，那種第一次打開的慌張感自然就消失了。