現(xiàn)在已經(jīng)熟悉了側(cè)邊欄的結(jié)構(gòu),接下來我們將繼續(xù)修改側(cè)邊欄,完成頁面鏈接(Page-link)列表。當(dāng)完成常規(guī)的側(cè)邊欄之后,我們將學(xué)習(xí)如何窗體化(widgetize)側(cè)邊欄。
在分類鏈接上面添加以下代碼:
<?php wp_list_pages(); ?>
保存并刷新瀏覽器。效果如下所示:
在默認(rèn)情況下只有一個頁面鏈接,那就是 About 鏈接。我在我的本地的博客增加了很多頁面和子頁面,這樣我就有四級頁面鏈接。
查看頁面源代碼,我們可以看到 wp_list_pages() 產(chǎn)生的完整結(jié)構(gòu)以及代碼,如下:
第一,它把所有東西放入列表元素標(biāo)簽(LI),第二,它給列表一個名字,Pages。第三,它增加一個無序列表(UL)。第四,它把每個鏈接放入到 <li> 和 </li>標(biāo)簽之間。
在上面的截圖中,注意到“Pages”這個列表標(biāo)題和“Categories”這個分類鏈接標(biāo)題的大小不一樣。
如何使它們一致呢? 添加 ‘title_li=<h2>Pages</h2>’ 到 wp_list_pages() 作為參數(shù)。
保存并刷新瀏覽器結(jié)果如下:
title_li 是一個用來定制化頁面鏈接列表的標(biāo)題的參數(shù)。<h2>Pages</h2> 是 title_li 這個參數(shù)的值
進一步定制化:
在我的例子中,我有四級頁面鏈接。由于布局或者設(shè)計的原因使得不能在側(cè)邊欄處理那么多級別的鏈接。為了限制顯示列表的層數(shù),增加了 depth 這個參數(shù),并把它設(shè)置為 3:
注意,我添加了 depth=3& 而不是僅僅 depth=3。這個 & 在這兒用于把 depth 和title_li 這兩個參數(shù)區(qū)分開來。(如果你只有一個 about 頁面鏈接,你將不會注意有什么不同。)
這里是我的列表的不同之處:(對比這個截圖和上面的截圖。)
未經(jīng)允許不得轉(zhuǎn)載:445IT之家 » WordPress主題開發(fā)教程十二:頁面鏈接列表