WordPress 主題教程 #6.1：側邊欄

側邊欄是從零開端創立 WordPress 主題系列教程的第六篇，這一篇我們主要解說 WordPress 主題的側邊欄，讓你很快控制它的構造，並能編碼和款式化它。

在開端側邊欄之前，這是如今 index.php 檔案的樣子。

第 1 步：創立 id 為 「sidebar」 的 DIV
首先讓我們創立一個名字為 sidebar 的 DIV，這樣能夠把側邊欄中的一切東西都放入其中。在 container 的後面和 標籤的前面輸入以下程式碼：

<div class=」sidebar」>
</div>

第 2 步：給側邊欄的 DIV 新增無序列表
在新的 sidebar 的 DIV 標籤中創立一個新的無序列表。

<ul> – 開始無序列表
</ul> – 結束無序列表

第 3 步：給這個無序列表新增原屬
增加一個列表元素 （LI） 到無序列表 （UL） 的中間並把一個子標題新增到這個列表中。

<li><h2><?php _e(』Categories』); ?></h2>

注意新增製表符到<li> 和 </li> 標籤之前為了程式碼縮排。

<li> – 開始列表元素
<h2> – 開始子標題
<?php _e(』Categories』); ?> – 輸出字元 Categories
</h2> – 結束子標題
</li> – 結束列表條目

儲存 index.php 檔案並重新整理瀏覽器。現在應該可以看到 Categories 子標題結構應該這樣：

子標題前面的小圓點指明這個子標題是在一個列表元素中 （LI） 。假如無序列表 （UL） 有兩個列表元素，那麼將有兩個小點。

第 4 步：新增分類連結列表
在列表條目中新增下面程式碼：

<ul>
<?php wp_list_cats(』sort_column=name&optioncount=1&hierarchical=0′); ?>
</ul>
這裡是上面程式碼的解釋：

<ul> – 開始另一個無序列表
<?php wp_list_cats(); ?> – 呼叫分類連結列表
</ul> – 結束無序列表
保管並重新整理閱讀器。下面是分類連結列表的樣子：

默許的分類是 Uncategorized 。假如你沒有把日誌釋出到多個分類下面，那麼你的列表連結列表應該是隻要一個連結 Uncategorized 。

更進一步的解釋：

•sort_column=name – 把分類按字元次第排列
•optioncount=1 – 顯現每個分類含有的日誌數
•hierarchial=0 – 不依照層式構造顯現子分類，這就解釋了為什麼子分類連結是列在列表中第一級。
•& – 每次增加另一個引數的時分，需在它之前要輸入 & 用來把和現有的引數辨別開。如 & 在 sort_column 和 optioncount 之間。

為什麼不把 <?php wp_list_cats(); ?> 放入<li> 和 </li> 標籤中呢？

當我們使用 wp_list_cats() 這個函式呼叫連結列表函式的時候，它會自動附上一組 <li> 和 </li>（列表條目） 標籤在每個連結的左右。檢視頁面原始碼；可以看到每個連線的周圍都已經有一組列表元素的標籤。

當處理側邊欄，無序列表和列表元素的時候，我們一定記得規則 #1：按順序關閉所有標籤。