返回支援 設計你的網站 網站編輯器 編輯頁面範本

編輯頁面範本

「頁面」範本可用於網站的標準頁面,如「關於我們」或 「聯絡我們」等頁面。若使用此範本,頁面的整體版面配置會相同,可確保訪客在瀏覽網站時享有一致的體驗。本指引將說明如何自訂頁面範本。

何時編輯頁面範本

只要網站套用的佈景主題支援網站編輯器,即可存取並編輯範本。若想確定網站是否使用網站編輯器,請查看儀表板中的「外觀」→「編輯器」。

若要變更使用此範本所有頁面的整體版面配置,請編輯「頁面」範本。

若只想變更單一頁面的內容,請前往儀表板中的「頁面」,並選取該頁面直接編輯。

步驟 1:開啟範本編輯器

若要尋找並編輯「頁面」範本,請按照以下步驟操作:

  1. 儀表板按一下「外觀」→「編輯器」。
  2. 在左側面板中,按一下「範本」,然後選取「頁面」範本。
  3. 按一下鉛筆圖示,即可開始編輯範本。左方側邊欄會關閉,以便你專心編輯。
在「外觀」→「編輯器」中,依序選取「範本」、「頁面」和「編輯」按鈕。

步驟 2:探索範本的版面配置

首先,請先瞭解你正在處理範本的整體版面配置,這會有所幫助。若要查看整體版面配置,按一下畫面左上角看起來像三條水平線的圖示,開啟「清單檢視」:

箭頭指向「清單檢視」按鈕,下方是「頁面」範本中常見的區塊清單。
「清單檢視」會顯示「頁面」範本中常見的區塊清單

這裡會顯示範本的所有元素 (在 WordPress 編輯器中稱為區塊) 。一般的「頁面」範本會具有以下元素:

雖然所有 WordPress 佈景主題都有所不同,但這些是大多數佈景主題上都能看見的「頁面」範本標準元素。「頁面」範本可能會顯示其他元素,你可以視需要進行編輯。

步驟 3:自訂設計

佈景主題範本提供專業且設計優良的版面配置供你使用。若你想自訂預設設計,可以將文字和圖片換成自己的內容,並新增或移除頁面上的任何元素。

我們將在這裡說明「頁面」範本可能的常見調整。

新增元素

若你想將元素新增至所有頁面,例如訂閱方塊聯絡表單按鈕,可將元素新增至「頁面」範本,使其顯示於使用此範本的所有頁面上。

只要你按一下 + 區塊插入工具,即可在希望顯示內容的位置新增新區塊。可以使用「清單檢視」選取區塊的確切位置。待你儲存變更後,新增的新區塊會顯示於使用編輯中範本的所有頁面上。

移動頁面標題

你在編輯上述頁面範本時,會看到「標題」區塊,代表實際頁面標題會在個別頁面上顯示的位置。若沒有顯示「標題」區塊,你可以加以新增。區塊提供變更對齊方式、大小、顏色等的設定。

GIF 顯示如何將頁面標題移至中心。
將頁面標題從靠左對齊變更為置中對齊

亦可移除「標題」區塊,藉此移除頁面上顯示的標題。選取區塊,按一下上方工具列中的三個點,並選取「移除」。若想深入瞭解,請參閱「移除區塊」。

當你以上述步驟編輯頁面範本時,會看到顯示於個別頁面上精選圖片「精選圖片」區塊。若沒有顯示「精選圖片」區塊,你可以加以新增

若你想移除精選圖片,請選取區塊,按一下上方工具列中的三個點圖示,然後選取「移除」。若想深入瞭解,請參閱「移除區塊」。

變更內容寬度

若你想讓頁面內容的版面變得較寬或較窄,可以在「頁面」範本中加以控制。

檢視「頁面」範本的內容時,寬度通常由名為「群組」的區塊控制。若想變更寬度,請按以下步驟操作:

  1. 使用「清單檢視」選取包含所有內容的群組。
  2. 工具列會顯示在內容群組旁。選取寬度選項,如下所示:
選取「群組」區塊後,出現一個箭頭指向工具列中的寬度/對齊選項。按一下選項後,系統會顯示寬幅和全寬設定。
  1. 選取「寬幅」或「全寬」,即可變更內容版面的寬度。

群組」區塊包含版面配置、顏色、寬度等其他設定。深入瞭解「群組」區塊。

顯示遺失的內容

若頁面未顯示任何內容,表示你可能不小心從範本移除「內容」區塊。若要確保頁面顯示內容,請按照下列步驟操作:

  1. 以上述步驟編輯頁面範本。
  2. 使用「清單檢視」,選取想顯示內容的位置。這通常會位於範本的頁首或標題下方。
  3. 按一下 + 區塊插入工具新增區塊,並選擇「內容」區塊
  4. 按一下畫面右上角的「儲存」。
使用「清單檢視」中的「區塊插入工具」,搜尋「內容」,即可將內容區塊新增至範本。
若你不小心移除內容區塊,可以將其新增回想要的位置。

步驟 4:將頁面範本套用至頁面

待你閱讀到本指引尾聲時,可能已經完成「頁面」範本的版面配置設定。按照預設,所建立的任何頁面都將使用「頁面範本」。你可以採取下列步驟,確保頁面都會使用「頁面範本」:

  1. 儀表板中按一下「頁面」。
  2. 按一下頁面即可編輯該頁面。
  3. 在右側的「設定」側邊欄中,按一下「範本」,如下圖所示。若沒有看到「設定」側邊欄,請按一下「發表」或「更新」旁的設定圖示,即可開啟「設定」側邊欄。
  4. 若正在編輯標準頁面,範本應顯示為「預設範本」,否則請按一下範本名稱,然後從下拉式清單中選取「頁面範本」。
  5. 按一下「更新/發佈」即可儲存變更。
  6. 檢視頁面,檢查頁面是否符合預期的版面配置。
Copied to clipboard!