WordPress 網站編輯器：區塊佈景主題的完整網站編輯與自訂工具的差異

WordPress 網站編輯器是用區塊編輯區塊佈景主題的頁首與頁尾、範本及全站樣式的管理畫面，從外觀選單開啟。我在 WordPress 7.1.3 與 Twenty Twenty-Five 佈景主題中實際打開了 8 個範本和 7 個範本組件逐一確認，整理出它與外觀自訂器的差異。

1️⃣ WordPress 網站編輯器畫面：外觀 › 編輯器

在 [外觀] 選單中開啟網站編輯器的項目名稱，會因使用的佈景主題而不同。區塊佈景主題會顯示為 [編輯器]。 GeneratePress、Astra 這類支援編輯器樣式或 [theme.json] 的傳統佈景主題會顯示 [設計]，其他傳統佈景主題則顯示 [區塊版面配置]。三個項目都會開啟同一個編輯器畫面 [site-editor.php]，但 [設計] 只能使用樣式示範與區塊版面配置清單，[區塊版面配置] 只能使用區塊版面配置清單。

開啟 [外觀 › 編輯器] 後，左側會出現標題為 [設計] 的深色面板取代管理選單，右側則開啟網站預覽。區塊佈景主題的完整網站編輯，就是在這個畫面的 [樣式]、[範本] 與 [區塊版面配置] 中進行。

直接以程式碼修改佈景主題檔案的 [佈景主題檔案編輯器]，名稱和 [編輯器] 相近，卻是不同的畫面；使用區塊佈景主題時，它會顯示在 [工具] 選單下。

網站標題、網站說明、標誌與圖示，在左側 [設計] 面板的 [Identity] 中設定。

2️⃣ 樣式：全站色彩與字型、樣式變化

在 [樣式] 中變更的色彩與字型會套用到整個網站。只想改字型就開啟 [排版樣式]，只想改色彩就開啟 [顏色]，像這樣逐一開啟面板項目設定全站的值。在 [區塊] 中，則可針對引文區塊等各類區塊，統一全站的外觀（依官方文件）。

[瀏覽樣式] 是不必更換佈景主題、就能一次切換色彩與字型組合的樣式變化清單，Twenty Twenty-Five 1.5 連同預設共有 9 種。只想讓某一個頁面看起來不同時，請在該頁面的區塊設定中修改，而不是套用樣式變化，因為樣式變化會一次改變整個網站的外觀。

3️⃣ 範本與範本組件：編輯頁首與頁尾

頁首與頁尾中網站標題與選單的配置，要在範本組件中編輯。樣式只改變色彩與字型，不會變更這個結構。

在 [範本] 中點選 [頁面]，就會開啟範本編輯畫面，右側 [範本] 分頁的 [內容] 會顯示這個範本使用的頁首與頁尾。範本組件由多個範本共用，因此修改頁首，所有使用同一個頁首的範本都會跟著改變。

修改的內容要點選編輯畫面右上角的 [儲存] 才會反映到訪客畫面，沒有任何變更時，[儲存] 按鈕會呈停用狀態。

4️⃣ 與 WordPress 外觀自訂器的差異：傳統佈景主題與區塊佈景主題

區塊佈景主題不使用 [外觀自訂器]，而是在網站編輯器中以區塊完成相同的設定。因此，若沒有外掛或佈景主題使用外觀自訂器，區塊佈景主題就不會顯示 [自訂] 選單（依官方文件）。

使用區塊佈景主題 Twenty Twenty-Five 時，[外觀] 選單只會顯示佈景主題、編輯器、字型三個項目，傳統佈景主題中小工具與選單的角色，改由範本組件與 [導覽列] 負責。

使用 Astra 或 GeneratePress 這類傳統佈景主題時， [外觀] 選單會顯示佈景主題、設計、自訂、小工具、字型、選單，[佈景主題檔案編輯器] 也在這個選單中。小工具與選單只在佈景主題支援時才會出現，支援頁首圖片與背景的佈景主題還會多出 [頁首] 與 [背景]。

GeneratePress以 [即時預覽] 開啟後，外觀自訂器會多出版面配置、色彩、排版樣式、一般等區段，也會出現設定選單位置的 [選單] 區段。

🔢 FAQ & 推薦內容

ℹ️ 聯盟行銷說明
本站內容包含聯盟行銷連結。訪客透過這些連結購買商品或服務時，本站會從賣家獲得佣金。在這個過程中，購買者支付的金額^{（遇到活動折扣時金額會降低↓）}並不會因此提高。刊登的價格、折扣與庫存資訊以撰寫當時為準，可能與實際情況不同，購買前請向賣家做最後確認。商品的挑選與評價依本站自訂的標準撰寫，是否支付佣金不會影響介紹順序或評價內容。