這一篇我們主要講解 WordPress 主題的側邊欄，讓你很快掌握它的結構，並能編碼和樣式化它。

在開始側邊欄之前，這是現在 index.php 文件的樣子。

第1步：創建 id 為 sidebar 的 DIV

首先讓我們創建一個名字為sidebar的 DIV，這樣可以把側邊欄中的所有東西都放入其中。在container的後面和標籤的前面輸入以下代碼：

第2步：給側邊欄的 DIV 添加無序列表

在新的sidebar的 DIV 標籤中創建一個新的無序列表。

– 開始無序列表

– 結束無序列表

第3步：給這個無序列表添加原屬

增加一個列表元素（LI）到無序列表（UL）的中間並把一個子標題添加到這個列表中。

注意添加製表符到

標籤之前為了代碼縮進。

– 結束列表條目

保存index.php文件並未刷新瀏覽器。現在應該可以看到Categories子標題結構應該是這樣：

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

第4步：添加分類鏈接列表

在列表條目中添加下面的代碼：

這裡是上面代碼的解釋：

– 開始另一個無序列表– 調用分類鏈接列表

– 結束無序列表

保存並刷新瀏覽器。下面是分類鏈接列表的樣子：

默認的分類是Uncategorized。如果你沒有把日誌發布到多個分類下面，那麼你的列錶鏈接列表應該是只有一個鏈接 Uncategorized。

更進一步地解釋道：

• sort_column=name– 把分類按字元順序排列
• optioncount=1– 顯示每個分類含有的日誌數
• hierarchial=0– 不按照層式結構顯示子分類，這就解釋了為什麼子分類鏈接是列在列表中的第一級。
•