你可以使用網站編輯器,以視覺化方式編輯整個網站 (包括頁首、頁尾和範本),而無需程式碼。閱讀這份指引,你會了解網站編輯器內建的核心工具。
此影片使用英文字幕。
YouTube 提供自動翻譯功能,讓你可以用自己的語言觀看:
開啟自動翻譯字幕的方法:
- 播放影片。
- 點擊影片右下角的 ⚙️ 設定 圖示。
- 選擇 字幕/副本。
- 選擇 自動翻譯。
- 從清單中選擇你的偏好語言。
使用自動配音(測試版)的方法:
- 點擊 ⚙️ 設定 圖示。
- 選擇 音訊曲目。
- 選擇你想收聽的語言:
ℹ️ 翻譯與配音由 Google 自動產生,可能不夠精確,且自動配音功能仍在測試階段,暫未向所有語言開放。
網站編輯器是用來修改網站設計 (包括範本、導覽選單和頁面) 的工具。
若要前往網站編輯器,請按照下列步驟操作:
- 請從網站的儀表板開始操作。
- 將游標移至上方,或按一下左側的「外觀」。
- 按一下「編輯器」。

若「外觀」底下未顯示「編輯器」,則表示佈景主題不支援網站編輯器。請考慮切換到區塊佈景主題以存取網站編輯器。
到達網站編輯器時,你會在左側找到「設計」面板,其中包含下列選項:
- 導覽:管理網站的導覽選單。
- 樣式:自訂網站的顏色、字型和其他設計面向。
- 頁面:編輯網站個別頁面的內容。
- 範本:編輯網站內容的結構版面配置。
- 版面配置:編輯範本中較小區塊 (如頁首和頁尾) 和已建立的版面配置。
你可以在右側看到網站首頁的預覽。若你在此區域的任意位置按一下,即可關閉左側邊欄,並在編輯器中開啟首頁。

按一下網站編輯器右側的預覽,即可在網站編輯工具中開啟首頁。你會在編輯特定頁面、範本或版面配置時,看到相同的編輯工具。
在網站編輯器頂端有幾個選項,從左到右說明如下

- 開啟導覽:按一下網站圖示 (若尚未設定,則為預設 W 圖示),即可返回上一節所述的左側邊欄選項。再按一下該圖示,即可返回網站的儀表板。
- 區塊插入工具:按一下此項即可新增區塊。
- 復原:復原最近採取的動作。
- 取消復原:將使用「復原」按鈕所復原的動作取消。
- 清單檢視:查看頁面所有區塊的清單,清單檢視可協助你查看頁面結構,以及對區塊加以編輯、移動和移除。
- 命令中心:這裡會顯示正在編輯的範本名稱。按一下即可搜尋網站中的範本。
- 檢視:變更檢視區,以便檢視桌面版、平板電腦版或行動版畫面的內容。按一下「檢視網站」即可檢視變更的結果。
- 說明中心:搜尋實用指引,或聯絡支援團隊以便了解符合資格的方案。
- 樣式:可自訂顏色、字型等項目。深入了解「樣式」。
- 設定:顯示或隱藏右側的設定側邊欄。
- 儲存:儲存變更。深入了解如何儲存。
- 其他選項:開啟其他設定和工具。
使用「網站編輯器」中的「樣式」,即可選擇會影響整個網站的調色盤、字型、版面配置和其他設計面向。了解如何使用「樣式」。

「設定」側邊欄包含與正在編輯之範本有關的資訊,以及自訂範本內特定區塊的選項。
「設定」側邊欄會在編輯器右側顯示。
如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

你會在頂端看到處理中的範本名稱。若你想將範本重設為佈景主題的預設值,可在範本名稱右側按一下省略符號 (三點圖示),如此便能復原你所進行的任何自訂項目。
如果範本存在任何先前版本,你會在範本描述下方看到修訂連結。使用此項來還原自訂範本的先前版本。深入了解範本修訂。。
你會在「內容」區段下方發現範本組件 (通常是頁首和頁尾),按一下即可更新整個網站的元素。
按一下頂端的「區塊」分頁,即可檢視所選特定區塊的設定。

按一下「儲存」按鈕以儲存在「網站編輯器」中所做的變更時,你會看到另一個畫面,其中顯示將要儲存的變更。
系統依預設會勾選每個變更旁的方塊。你可以取消勾選變更以選擇不儲存。
儲存對範本、範本組件或導覽選單所做的變更時,那些變更會套用至在網站使用該範本或選單的所有地方。

這裡提供更多實用資源和教學課程,幫助你深入了解網站編輯的所有面向:
下列指引說明區塊編輯的基本概念。每個在網站新增的內容都包含在區塊中。以下指引可協助你輕鬆編輯、新增、移動和移除區塊。
WordPress 編輯器
WordPress 編輯器使用區塊系統,以在網站建立頁面和文章。本指南說明如何使用區塊建立精…
透過區塊新增內容
區塊是 WordPress 編輯器中的塊狀內容。本指南會說明如何新增區塊到你的網站。<…
選取並移動區塊
本指南會說明如何將區塊移至頁面上的其他位置。
移除區塊
本指南將說明如何移除頁面的區塊。
你可以在網站編輯器中設計網站的範本,包括頁首、頁尾和內容區域。以下指引將介紹在網站編輯器中設計網站的基本概念。
編輯頁首
頁首位於網站頂端,通常會顯示網站標題、標誌與導覽選單。本指引會說明如何自訂網站頁首。<…
使用網站編輯器新增側邊欄
許多網站 (尤其是網誌) 都有側邊欄可顯示額外的資訊,例如圖片、「關於我」文字、其他文章的連結、社群媒體個人檔…
編輯單篇文章範本
「單篇文章」範本可控制網站上個別文章的版面配置。若你變更此範本,變更會反映在所有的文章上,確保訪客在瀏覽網誌時…
使用網站編輯器隱藏頁面標題
透過本指引,了解如何隱藏特定範本或個別頁面/文章的頁面標題。
編輯頁尾
頁尾是位於網站所有頁面底端的內容區。頁尾通常用於分享聯絡資訊和社群媒體、顯示網站選單或連結清…