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

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

本指南將說明如何使用網站編輯器新增側邊欄。若要使用本指南說明的方法，網站必須使用支援網站編輯器的佈景主題。

在此指南中

1. 在空白範本上建立側邊欄
2. 在索引或彙整範本上新增側邊欄

一般來說，使用欄位區塊搭配 70/30 的版面配置即可新增側邊欄元素，其中較小的欄位可以當作側邊欄。

前往「外觀」→「網站編輯器」，按一下左上角的網站圖示並選擇「範本」。 接下來，你可以視需求繼續執行以下步驟：

在空白範本上建立側邊欄

1. 選取空白範本。
2. 按一下 + 區塊插入工具按鈕，插入一個欄位區塊。
3. 設定兩欄版面配置並選取 70/30。
4. 在較小的欄位中，為側邊欄新增你需要的區塊。
5. 在較大的欄位中，新增文章內容 區塊。這將動態顯示你稍後套用空白範本的頁面或文章內容 (詳見步驟 7)。
6. 按一下「儲存」。
7. 編輯要設定側邊欄的頁面或文章。在右側設定中，找到「範本」設定。在此處選取「空白」範本。

現在使用空白範本的頁面或文章，都會在該頁面或文章的內容旁邊顯示側邊欄。

在索引或彙整範本上新增側邊欄

索引範本是顯示文章的位置。彙整範本是顯示特定分類或標籤文章的位置。在這些範本中新增側邊欄，側邊欄將顯示於文章頁面，以及分類和標籤頁面上。

前往「外觀」→「網站編輯器」，按一下左上角的網站圖示並選擇「範本」。接下來：

1. 選取「索引」範本。
2. 從「清單檢視」中選取「查詢循環區塊」，並將其轉換為欄位區塊。
3. 在欄位區塊設定中，將欄位區塊設為兩欄。
4. 使用「清單檢視」選取每個欄位，將一欄設為 70%，另一欄設為 30%。
5. 在較小的欄位中，為側邊欄新增你需要的區塊。
6. 按一下「儲存」。

同樣的，你可以依照此程序處理其他範本，例如「頁面」、「首頁」、「單一文章」、「404」或「搜尋」範本。

若要建立可重複使用的側邊欄元件，建議將其儲存為範本組件區塊，這樣之後便能輕鬆新增設定好的側邊欄，不需要從頭為每個範本建立側邊欄。