WordPress 主題教程 #6b:頁面鏈接列表

【轉載自我愛水煮魚

頁面鏈接列表從零開始創建 WordPress 主題系列教程的第六篇的第二部分,通過上一篇的學習,現在已經熟悉了側邊欄的結搆,接下來我們將繼續修改側邊欄,完成頁面鏈接(Page-link)列表。當完成常規的側邊欄之后,我們將學習如何窗體化(widgetize)側邊欄。

在分類鏈接上面添加以下代碼:

<?php wp_list_pages(); ?>

保存并刷新瀏覽器。效果如下所示:

在默認情況下只有一個頁面鏈接,就是 About 鏈接。我在我的本地的博客增加了很多多頁面和子頁面,這樣我就有四級頁面鏈接。

查看頁面源代碼,我們可以看到 wp_list_pages() 產生的完整結搆以及代碼,如下:

第一,它把所有東西放入列表元素標簽(LI),第二,它給列表一個名字,Pages。第三,它增加一個無序列表(UL)。第四,它把每個鏈接放入到 <li></li>標簽之間。

在上面的截圖中,注意到“Pages”這個列表標題和“Categories”這個分類鏈接標題的大小不一樣。

如何使它們一致呢? 添加 ‘title_li=<h2>Pages</h2>’wp_list_pages() 作為參數。

保存并刷新瀏覽器結果如下:

title_li 是一個用來定制化頁面鏈接列表的標題的參數。<h2>Pages</h2>title_li 這個參數的值

進一步定制化

在我的例子中,我有四級頁面鏈接。由于布局或者設計的原因使得不能在側邊欄處理那么多級別的鏈接。為了限制顯示列表的層數,增加了 depth 這個參數,并把它設置為 3

注意,我添加了 depth=3& 而不是僅僅 depth=3。這個 & 在這兒用于把 depthtitle_li 這兩個參數區分開。(如果你只有一個 about 頁面鏈接,你將不會注意有什么不同。)

這里是我的列表的不同之處:(對比這個截圖和上面的截圖。)


想在手機閱讀更多Wordpress資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems