要想實(shí)現(xiàn)自定義菜單，需要用到的函數(shù)是wp_nav_menu()，給這個(gè)函數(shù)傳遞一些參數(shù)就可以輸出自定義菜單菜單，下面簡(jiǎn)單講講如何使用使用這個(gè)函數(shù)。
首先，在主題目錄下的functions.php的 <?php ….. ?> 之間，添加以下菜單注冊(cè)代碼，這樣你就可以在主題文件中使用wp_nav_menu函數(shù)了：


接著我們?cè)谥黝}的導(dǎo)航欄處調(diào)用wp_nav_menu()，即可輸出導(dǎo)航菜單HTML代碼：


這里列出的 li 項(xiàng)為你在后臺(tái) – 外觀 – 菜單添加的欄目，如果你還沒(méi)有在后臺(tái)添加菜單，導(dǎo)航欄將列出所有頁(yè)面。另外，wp_nav_menu會(huì)為每個(gè) li 添加class，不同的class標(biāo)記這個(gè)菜單項(xiàng)的屬性，如當(dāng)前打開(kāi)的是某個(gè)文章頁(yè)面，分類(lèi)A 就是這篇文章所屬的分類(lèi)，那么 分類(lèi)A 所在的 li 將會(huì)如下代碼所示：


     如果是在首頁(yè)，那么首頁(yè)的菜單項(xiàng)的 li 可能會(huì)如下所示：


     好了，WordPress 3.0的自定義菜單的調(diào)用就是這么簡(jiǎn)單。wp_nav_menu還有很多參數(shù)，如自定義 ul 節(jié)點(diǎn)、ul 父節(jié)點(diǎn)的id和class的參數(shù)等等，詳情可以參考文檔：官方文檔 | 中文文檔
使用分類(lèi)和頁(yè)面作為導(dǎo)航欄
     在 WordPress 3.0 之前，大部分WordPress主題都是拿頁(yè)面作為導(dǎo)航欄的，導(dǎo)航中只能添加頁(yè)面，顯得不夠自由。我剛用WordPress 2.7的時(shí)候，就為此問(wèn)題煩惱，最后翻了文檔，查了一些資料，實(shí)現(xiàn)了在導(dǎo)航中添加分類(lèi)，詳情請(qǐng)看我之前寫(xiě)的文章：WordPress 分類(lèi)做導(dǎo)航欄，并高亮顯示
非常規(guī)導(dǎo)航欄的制作
     以上提到的兩種方式，都是使用WordPress自帶的函數(shù)來(lái)實(shí)現(xiàn)，他們輸入的HTML代碼也都是限定好的，就是使用 ul li 的形式來(lái)構(gòu)建菜單列表：如：


如果主題的前端代碼不是你寫(xiě)的，而且導(dǎo)航欄的代碼寫(xiě)得很龜毛，這根本不是上面的WordPress標(biāo)準(zhǔn)的 ul 導(dǎo)航欄形式，如下面的代碼：

最新評(píng)論