指南/編輯網站/編輯器/編輯預設首頁

編輯預設首頁

預設首頁是網站佈景主題內含的首頁設計。本指引會說明如何尋找並編輯此首頁的內容與設計。

步驟 1:使用預設首頁

請先依照下列指示,確認網站是否使用佈景主題的預設首頁,而非自訂首頁

  1. 前往網站的儀表板。
  2. 前往「設定」→閱讀」。
  3. 在「你的網站首頁要顯示」旁選取「最新文章」選項 (這是預設首頁,不一定是最新網誌文章的摘要)。
  4. 按一下畫面底端的「儲存變更」按鈕。
「你的網站首頁要顯示」已設為「最新文章」。

如果在此處選取「靜態頁面」,而不是「最新文章」,即表示網站使用的是自訂首頁

步驟 2:開啟編輯器

如果網站使用的是支援網站編輯器的佈景主題,你就可以透過網站編輯器存取預設首頁並加以編輯。若想快速確定網站是否使用網站編輯器,請查看網站儀表板中的「外觀」→「編輯器」。

若要尋找和編輯預設首頁:

  1. 前往網站的儀表板。
  2. 按一下「外觀」→「編輯器」
  3. 在網站右側的任何位置按一下,系統就會開啟編輯器並關閉左側邊欄:
Slow down or speed up the video using the controls in the lower right corner after clicking Play

步驟 3:探索範本的版面形式

你現在檢視的是首頁範本,畫面頂端可能標有「首頁」、「索引」、「網誌首頁」或「靜態首頁」:

網站編輯器頁首上的範本名稱加上醒目提示
範本名稱

開始新增內容之前,最好先熟悉首頁的版面形式。你很可能會因為首頁外觀而選取已啟用的佈景主題。了解設計方式,有助於將預設內容取代成自己的內容,以及在首頁新增或移除內容。

開啟「清單檢視」,探索首頁的版面形式。按一下「網站編輯器」頂端工具列中的「清單檢視」圖示 (三條堆疊的水平線):

標示於「清單檢視」圖示周圍的方塊,有箭頭指向清單檢視。
清單檢視

你可以在「清單檢視」找到首頁的所有元素 (在 WordPress 編輯器中稱為「區塊」)。一般的預設首頁範本會包含以下元素:

  • 頁首:頁首會包含網站標題、標誌和選單等元素,是在整個網站上顯示的範本組件。因此,系統會將你對此頁首所做的任何編輯,套用到網站上已插入頁首範本組件的所有頁面。
  • 內容:頁首和頁尾之間的所有內容都是首頁的主要內容。你可能會看到依「群組」、「」等項目整理而成的文字和圖片。如果佈景主題在首頁顯示網誌文章,你也可能會在此處找到查詢迴圈區塊
  • 頁尾:頁尾包含網站標題、聯絡資訊,以及 WordPress 頁尾版權宣告等元素,是顯示在所有頁面上的範本組件。因此,你對頁尾所做的任何編輯,都會套用到網站上已插入頁尾範本組件的所有位置。

雖然所有 WordPress 佈景主題都有所不同,但頁尾是大多數佈景主題上都能預期看見的預設首頁範本標準結構。此外,此範本可能會顯示其他元素,你可以視需要編輯這些元素。

你也可以將自己的區塊區塊版面配置新增到首頁。

步驟 4:自訂設計

預設首頁提供經過精心設計的專業版面形式,你可以從此處著手作業。若你想將預設的設計個人化,可將文字和圖片取代成自己的內容,然後新增或移除頁面上的任何元素。

若要將首頁的預設內容取代為自己的內容,請按照下列步驟操作:

  1. 前往網站的儀表板。
  2. 按一下「外觀」→「編輯器」
  3. 按一下右側的首頁預覽,開啟編輯器。
  4. 按一下要取代的內容。
    • 舉例來說,若要變更文字,請對你想變更的文字按一下,接著輸入新文字。
    • 或者,如果你想變更圖片,請按一下圖片,然後從圖片上方的工具列選擇「取代」選項。

有些元素會從網站的其他部分引入內容 (如網誌文章或商品)。你可以運用「清單檢視」圖示來識別內容採用的區塊類別,也可搜尋我們的區塊清單,深入了解區塊的運作方式。若想深入了解,你也可以按一下區塊,檢視右側的區塊設定,然後按一下區塊指引的連結。

下列影片會示範如何取代文字與圖片,以及深入探討 Nook 佈景主題首頁範本所採用的「查詢迴圈」區塊

按下「播放」後,可使用右下角的控制項放慢或加快影片的播放速度

步驟 5:儲存變更

對首頁進行變更時,你只要按一下右上角的「儲存」按鈕即可儲存變更:

加上醒目提示和箭頭標示的儲存按鈕。
儲存按鈕

打造精彩首頁設計 | WordPress.com 網路研討會

觀看我們錄製的研討會,逐步了解如何設定精彩的首頁設計:

查看網路研討會完整排程,了解如何使用 WordPress 網站完成更多作業。

Copied to clipboard!