指南/編輯網站/佈景主題/佈景主題、範本和頁面

佈景主題、範本和頁面

在 WordPress 上建置網站時,三個部分會彼此搭配來產生訪客看到的畫面:佈景主題範本內容。本指引說明這些部分在區塊佈景主題中的運作方式,區塊佈景主題是 WordPress 上最常見的佈景主題類型。

你的佈景主題

佈景主題是網站的整體外觀和風格。佈景主題會設定套用至每個頁面的預設顏色、字型、間距和版面形式。啟用佈景主題時,你就選擇了網站設計的起始樣式。

Several theme thumbnails in the Theme Gallery.
「外觀」→「佈景主題」內的佈景主題展示

了解如何選擇最適合的佈景主題

你的範本

在佈景主題內,範本會控制特定內容類型的版面形式。網站針對頁面、文章、首頁、封存清單等內容有各自的範本。每個範本都會定義頁首、頁尾和內容區等元素的顯示位置。

編輯範本時,每個使用該範本的位置都會同步變更。例如,假使你變更「頁面」範本中的頁首,則網站上每個使用該範本的頁面都會顯示更新內容。

透過「外觀」→「編輯器」→「範本」內相同的網站編輯器,即可檢視和編輯範本。

The Site Editor open to the Templates menu item and template thumbnails appear on the right.

了解如何使用網站範本

你的內容

你可以在頁面和文章中新增自己的內容,而正是這些文字、圖片和區塊,使你的網站顯得獨一無二。這些內容會顯示於範本內容區。範本會提供周圍結構 (頁首、頁尾、側邊欄),而內容則會填入其中的空間。

這會是你最常編輯的部分。你可以從儀表板的「文章」內編輯文章,並從「頁面」內編輯頁面

An about us page open in the editor with the list view and page sidebar both open.

了解如何使用頁面文章

各部分如何彼此搭配

以下是這三個部分彼此搭配的方式:佈景主題設定整體設計,範本決定各類內容的版面形式,內容則透過頁面和文章呈現。每個部分都存在於其上層結構之中。

選取佈景主題

Several theme thumbnails in the Theme Gallery.

自訂範本和版面形式

The Site Editor open to the Templates menu item and template thumbnails appear on the right.

建立內容

An about us page open in the editor with the list view and page sidebar both open.

訪客檢視你的其中一個頁面或文章時,WordPress 會結合所有三個部分:運用佈景主題的樣式、套用相符的範本版面形式,並填入你撰寫的內容。

變更的位置

了解應該編輯哪個部分,是活用區塊佈景主題的關鍵:

  • 若要變更網站的整體外觀和風格,請選取「外觀」→「佈景主題」內的佈景主題
  • 若要變更頁首、頁尾或頁面版面配置,請編輯「外觀」→「編輯器」→「範本」內的範本
  • 若要變更特定頁面的文字、圖片或區塊,請編輯「頁面」→「選取頁面」內的頁面

⚠️

請留意範本中的內容。將頁面特定內容 (例如文字或圖片) 直接新增至範本,是一個相當常見的錯誤。範本是整個網站共用的,因此新增的內容會顯示在所有使用該範本的頁面上。如果發生這種情況,請參閱修正新增至範本而非頁面的內容

後續步驟

以下指引詳細說明系統中的各個部分:

Copied to clipboard!