指南/編輯網站/編輯器/使用網站編輯器

使用網站編輯器

只要使用網站編輯器,即可使用區塊來設計網站的所有元素,包括頁首和頁尾。本指引會詳細介紹編輯器。

存取網站編輯器

若要前往網站編輯器,請按照下列步驟操作:

  1. 從網站的儀表板開始操作。
  2. 在左側找到「外觀」。
  3. 按一下「編輯器」。

若此處未顯示「編輯器」,則表示你的佈景主題不支援網站編輯器。我們建議切換至支援的佈景主題,以便善加運用 WordPress 的最新編輯功能。

顯示如何從「外觀」→「編輯器」選單開啟網站編輯器的螢幕截圖。
儀表板的「外觀」存取網站編輯器

前往網站編輯器後,你會發現:

  • 選項面板位於左側,說明如下
  • 網站首頁位於右側,根據你在「閱讀設定」中選取的首頁來決定。
    • 若你在網站右側的任何位置按一下,系統就會開啟編輯器並關閉左側邊欄:

左側邊欄

左側邊欄包含下列選項:

你的首頁會顯示於這些選項的右側。若你在此區域的任意位置按一下,即可關閉左側邊欄,並在編輯器中開啟首頁。

網站編輯器設計頁面包含「導覽」、「樣式」、「頁面」、「範本」和「版面配置」選項。

頂端選單

「網站編輯器」頂端提供許多選項,說明如下:

「網站編輯器」頂端的每個圖示。
  1. 開啟導覽:按一下網站圖示 (若尚未設定,則為預設圖示),即可返回上一節所述的左側邊欄選項。再按一下圖示,即可返回儀表板
  2. 切換區塊插入工具:按一下此工具即可新增新的區塊
  3. 工具:選擇要編輯區塊還是選取區塊。選擇「選取」工具即可選取個別區塊。選取區塊後,按下鍵盤上的 Enter 鍵即可返回編輯。
  4. 復原:復原最近採取的動作。
  5. 重做:將使用「復原」按鈕所復原的動作取消。
  6. 清單檢視:查看頁面所有區塊的清單,清單檢視可協助你查看頁面結構,以及對區塊加以編輯、移動和移除。
  7. 命令中心:這裡會顯示正在編輯的範本名稱。按一下即可搜尋網站中的範本。
  8. 檢視:顯示已套用變更的網站外觀預覽。
  9. 檢視頁面:在新分頁中開啟頁面。
  10. 儲存:儲存變更。深入了解如何儲存。
  11. 樣式:可自訂顏色、字型等項目。深入了解「樣式」。
  12. 設定:顯示或隱藏右側的設定側邊欄
  13. 說明中心:搜尋我們的實用指引,或聯絡支援團隊以便了解符合資格的方案。
  14. 其他選項:開啟其他設定和工具

儲存變更

若你想儲存在網站編輯器進行的變更,可按一下「儲存」按鈕,系統會記錄你進行變更的位置。你可以選擇儲存所有或部分變更。請注意,有些變更 (例如對頁首和頁尾範本所做的變更) 不只會套用到你操作變更的頁面,還會套用到網站中所有使用該範本的頁面。

設定側邊欄 (右)

你會在畫面右側找到設定側邊欄。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示

你會在頂端找到使用的範本名稱。若你想將範本重設為佈景主題的預設值,可在範本名稱右側按一下省略符號 (三點圖示),如此便能復原你所進行的任何自訂項目。

如果範本有任何舊版本存在,你會發現「修訂」連結。你可透過此連結還原先前的變更,無須完全重設範本。深入了解範本修訂

你會在「內容」區段下方,發現範本組件 (通常是頁首和頁尾),按一下即可更新整個網站的元素。

按一下「區塊」分頁,即可檢視所選特定區塊的設定

網站編輯器中的右側邊欄。
此區域的其他選項會依使用的佈景主題和範本而異。

樣式

使用「網站編輯器」中的「樣式」,即可選擇會影響整個網站的調色盤、字型、版面配置和其他設計面向。了解如何使用「樣式」。

標示在「樣式」圖示附近的方框。
「樣式」按鈕

其他指引

這裡提供更多實用資源和教學課程,幫助你深入了解網站編輯的所有面向:

Copied to clipboard!