範本組件

範本組件指的是能在網站中不同區域重複使用的各個版面配置部分。網站的頁首和頁尾就是常見的範本組件，通常包含在佈景主題中。本指南將示範如何建立並控制網站上的範本組件。

只要網站套用的佈景主題支援網站編輯器，就可以使用範本組件。若想快速確定網站是否採用網站編輯器，請查看儀表板中的「外觀」區段。如果這裡顯示「編輯器」，表示你可透過以下步驟存取網站的範本組件：

1. 前往網站的儀表板。
2. 前往「外觀」→「編輯器」，即可開啟「網站編輯器」。
3. 按一下「版面配置」選單選項。
4. 在「所有範本組件」標題下，你可以找到範本組件群組 (例如「頁首」、「頁尾」和「一般」)。

觀看下方影片，了解如何存取範本組件。按一下「播放」按鈕後，可使用右下角的控制項放慢或加快影片的播放速度。

與網頁及文章中的版面配置類似，範本組件也能在各範本中重複使用。只要編輯範本組件的內容，網站上所有使用該組件的部分就會隨之更新。

範本組件只能用於範本。如果你新增範本組件並收到訊息「『範本組件』區塊無法插入」，請確認你並未編輯頁面或文章內容。深入了解如何編輯範本。

佈景主題可包含多個頁首或頁尾範本組件。例如，首頁可使用一種專用頁首，其他頁面則使用另一種版本的頁首。

在網站上啟用佈景主題時，系統會納入數種範本組件，供你依照需求自訂。若要編輯現有的範本組件，請依照以下步驟操作：

1. 前往網站的儀表板。
2. 前往「外觀」→「編輯器」，即可開啟「網站編輯器」。
3. 按一下「版面配置」，然後按一下「所有範本組件」。
4. 按一下範本組件的名稱，再按一下右側的編輯區域開啟編輯器介面。
5. 按一下範本組件中的任一區塊進行編輯，或按一下  + 區塊插入工具圖示新增區塊。欲了解如何使用 WordPress 編輯器，請參考此處。
   • 秘訣：按一下畫面頂端的三條水平線圖示，即可使用清單檢視。清單檢視會顯示範本組件中所有區塊的清單，供你掌握每個區塊的配置。使用清單檢視能幫助你移動、移除與新增區塊。
   • 秘訣：如果你不知道如何設計範本組件 (例如頁首或頁尾)，請瀏覽區塊版面配置並套用我們的現成設計。
6. 完成最後的變更後，按一下「儲存」按鈕。網站上所有使用該範本組件的部分都會隨之變更。

觀看下方影片，了解如何編輯範本組件。按一下「播放」按鈕後，可使用右下角的控制項放慢或加快影片的播放速度。

你可以建立新的範本組件，並在網站各處重複使用。建立新的範本組件通常是因為需要不同版本的頁首或頁尾，供特定頁面顯示。

你可以透過三種方式建立範本組件：

若要從編輯器的「版面配置」區段建立新的範本組件，請依照下列步驟操作：

1. 前往網站的儀表板。
2. 前往「外觀」→「編輯器」，即可開啟「網站編輯器」。
3. 按一下「版面配置」。
4. 按一下右側的「新增版面配置」按鈕。
5. 從下拉式選單中選取「新增範本組件」。
   • 為新的範本組件輸入說明用途的簡短名稱。
   • 選取新範本組件要使用的網站區域：一般、頁首或頁尾。
   • 按一下「建立」按鈕。
6. 按一下 + 區塊插入工具圖示，插入你想納入範本組件的區塊或版面配置。
7. 完成最後的設計後，按一下「儲存」按鈕。

之後就可以將新的範本組件插入範本。

你可以在編輯任何範本時建立新的範本組件。請依照下列步驟經由編輯器建立新範本組件：

1. 前往網站的儀表板。
2. 瀏覽至「外觀」→「編輯器」開啟「網站編輯器」。
3. 按一下畫面右側開啟首頁範本的編輯介面。
   • 或者，瀏覽至「範本」，即可選取要編輯的特定範本。
4. 按一下 + 區塊插入工具圖示，然後搜尋「範本組件」。按一下即可加入頁面。
5. 隨後系統會出現兩個選項：
   • 選擇：選取你佈景主題隨附的範本組件，例如頁首和頁尾。
   • 從空白內容開始：為範本組件命名並按一下「建立」按鈕，重新建立新的範本組件。

6. 按一下 + 區塊插入工具圖示，插入你想使用的區塊或版面配置。
7. 完成最後的設計後，按一下「儲存」按鈕。

之後就可以將新的範本組件插入範本。

你可以經由現有內容或已在任何範本中建立的內容建立範本組件。依照下列步驟，將範本中的內容轉換為範本組件：

1. 前往網站的儀表板。
2. 瀏覽至「外觀」→「編輯器」開啟「網站編輯器」。
3. 按一下畫面右側開啟編輯介面。
   • 或者，瀏覽至「範本」，即可選取要編輯的特定範本。
4. 選取多個區塊，或新增區塊，然後在出現的工具列中按一下三點圖示 (⋮)。
5. 選取「建立範本組件」選項，然後：
   1. 為新的範本組件輸入說明用途的簡短名稱。
   2. 選取新範本組件要使用的網站區域：一般、頁首或頁尾。
   3. 按一下「建立」按鈕。
6. 完成最後的設計後，按一下「儲存」按鈕。

之後就可以將新的範本組件插入範本。

觀看下方影片，了解如何從現有範本內容建立範本組件。按一下「播放」按鈕後，可使用右下角的控制項放慢或加快影片的播放速度。

依照上述步驟完成現有或新範本組件的設計之後，即可將範本組件插入網站。設定方法：

1. 前往網站的儀表板。
2. 瀏覽至「外觀」→「編輯器」開啟「網站編輯器」。
3. 選取要將範本組件新增至其中的範本。
4. 按一下 + 區塊插入工具，搜尋範本組件的名稱。按一下新增。
   • 或者，你也可搜尋「範本組件」，並按一下將該組件新增至你的網站，然後再按一下「選擇」即可瀏覽網站上的各個範本組件。
5. 按一下「儲存」按鈕。

你可以按照下列步驟，將範本組件移至範本中的其他位置：

1. 前往網站的儀表板。
2. 瀏覽至「外觀」→「編輯器」開啟「網站編輯器」。
3. 選取要編輯的「範本」，或按一下網站預覽以開啟網站編輯器。
4. 開啟畫面左上角的「清單檢視」(圖示是三條橫線)。
5. 在「清單檢視」中按一下範本組件的名稱。
6. 使用在按一下範本組件後出現的工具列中的向上/向下箭頭，或將範本組件拖曳至「清單檢視」中的新位置。
7. 按一下「儲存」按鈕，即可儲存變更。

範本組件的移動方式與個別區塊的移動方式相同。如需其他說明，請參閱我們的指引，了解如何選取及移動區塊。

刪除範本組件是無法復原的，範本組件一旦刪除就無法還原。若要刪除範本組件：

1. 前往網站的儀表板。
2. 前往「外觀」→「編輯器」，即可開啟「網站編輯器」。
3. 按一下「版面配置」，然後按一下「所有範本組件」。
4. 在範本組件名稱旁按一下省略符號 (三點圖示)。
5. 選取「刪除」選項。
   • 佈景主題的預設範本組件不會顯示刪除選項。