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

使用網站編輯器

你可以使用網站編輯器,以視覺化方式編輯整個網站 (包括頁首、頁尾和範本),而無需程式碼。閱讀這份指引,你會了解網站編輯器內建的核心工具。

影片概覽

課程:在 WordPress.com 建立網站
此影片使用英文字幕。
YouTube 提供自動翻譯功能,讓你可以用自己的語言觀看:

開啟自動翻譯字幕的方法:

  1. 播放影片。
  2. 點擊影片右下角的 ⚙️ 設定 圖示。
  3. 選擇 字幕/副本
  4. 選擇 自動翻譯
  5. 從清單中選擇你的偏好語言。

使用自動配音(測試版)的方法:

  1. 點擊 ⚙️ 設定 圖示。
  2. 選擇 音訊曲目
  3. 選擇你想收聽的語言:

ℹ️ 翻譯與配音由 Google 自動產生,可能不夠精確,且自動配音功能仍在測試階段,暫未向所有語言開放。

存取網站編輯器

網站編輯器是用來修改網站設計 (包括範本、導覽選單和頁面) 的工具。

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

  1. 請從網站的儀表板開始操作。
  2. 將游標移至上方,或按一下左側的「外觀」。
  3. 按一下「編輯器」。
「外觀」選單會在網站儀表板中開啟,且有一個箭頭指向「編輯器」子選單。

若「外觀」底下未顯示「編輯器」,則表示佈景主題不支援網站編輯器。請考慮切換到區塊佈景主題以存取網站編輯器

到達網站編輯器時,你會在左側找到「設計」面板,其中包含下列選項:

你可以在右側看到網站首頁的預覽。若你在此區域的任意位置按一下,即可關閉左側邊欄,並在編輯器中開啟首頁。

第一次開啟的網站編輯器會在左側顯示「設計」選單,並在右側顯示網站首頁的預覽。

使用網站編輯器

按一下網站編輯器右側的預覽,即可在網站編輯工具中開啟首頁。你會在編輯特定頁面、範本或版面配置時,看到相同的編輯工具。

頂端選單

在網站編輯器頂端有幾個選項,從左到右說明如下

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

「樣式」

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

頂端工具列中醒目提示的黑白「樣式」圖示。

設定側邊欄 (右)

「設定」側邊欄包含與正在編輯之範本有關的資訊,以及自訂範本內特定區塊的選項。

「設定」側邊欄會在編輯器右側顯示。

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

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

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

如果範本存在任何先前版本,你會在範本描述下方看到修訂連結。使用此項來還原自訂範本的先前版本。深入了解範本修訂。

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

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

網站編輯器中的設定側邊欄。

儲存變更

按一下「儲存」按鈕以儲存在「網站編輯器」中所做的變更時,你會看到另一個畫面,其中顯示將要儲存的變更。

系統依預設會勾選每個變更旁的方塊。你可以取消勾選變更以選擇不儲存。

儲存對範本、範本組件或導覽選單所做的變更時,那些變更會套用至在網站使用該範本或選單的所有地方。

儲存變更提示,內有要儲存變更旁的核取方塊。

其他指引

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

開始使用編輯器

下列指引說明區塊編輯的基本概念。每個在網站新增的內容都包含在區塊中。以下指引可協助你輕鬆編輯、新增、移動和移除區塊。

WordPress 編輯器

WordPress 編輯器使用區塊系統,以在網站建立頁面和文章。本指南說明如何使用區塊建立精…

透過區塊新增內容

區塊是 WordPress 編輯器中的塊狀內容。本指南會說明如何新增區塊到你的網站。<…

移除區塊

本指南將說明如何移除頁面的區塊。

在編輯器中設計網站

你可以在網站編輯器中設計網站的範本,包括頁首、頁尾和內容區域。以下指引將介紹在網站編輯器中設計網站的基本概念。

編輯頁首

頁首位於網站頂端,通常會顯示網站標題、標誌與導覽選單。本指引會說明如何自訂網站頁首。<…

使用網站編輯器新增側邊欄

許多網站 (尤其是網誌) 都有側邊欄可顯示額外的資訊,例如圖片、「關於我」文字、其他文章的連結、社群媒體個人檔…

編輯單篇文章範本

「單篇文章」範本可控制網站上個別文章的版面配置。若你變更此範本,變更會反映在所有的文章上,確保訪客在瀏覽網誌時…

編輯頁尾

頁尾是位於網站所有頁面底端的內容區。頁尾通常用於分享聯絡資訊和社群媒體、顯示網站選單或連結清…

Copied to clipboard!