一個(gè)網(wǎng)站的導(dǎo)航菜單可能有頂部導(dǎo)航菜單、主導(dǎo)航菜單、底部導(dǎo)航菜單等。所以,在WordPress主題開(kāi)發(fā)時(shí),我們就要考慮到如何自定義這些導(dǎo)航菜單。下面我們看看WordPress主題開(kāi)發(fā)自定義導(dǎo)航菜單方法。
第一步:注冊(cè)創(chuàng)建自定義導(dǎo)航菜單
wordpress為我們提供了一個(gè)注冊(cè)自定義導(dǎo)航的函數(shù):register_nav_menus(),參數(shù)是一個(gè)數(shù)組。我們?cè)趙ordpress主題的functions.php文件中添加如下代碼:
//注冊(cè)自定義導(dǎo)航菜單
register_nav_menus( array(
'top_menu' => '頂部導(dǎo)航',
'header_menu' => '主導(dǎo)航',
'footer_menu' => '底部導(dǎo)航菜單',
'mobile_menu' => '手機(jī)端菜單',
));
上面的代碼注冊(cè)了4個(gè)自定義導(dǎo)航菜單,其中 'top_menu' 、 'header_menu' 、 'footer_menu'、 'mobile_menu'分別是這4個(gè)菜單的“鍵key”,這個(gè)鍵很有用,在我們調(diào)用這些菜單的時(shí)候會(huì)用到。而后面的 '頂部導(dǎo)航' 、 '主導(dǎo)航'、 '底部導(dǎo)航菜單'、 '手機(jī)端菜單' 是對(duì)這個(gè)菜單的描述,會(huì)在wordpress主題后臺(tái)的【 外觀 - 菜單 】中顯示出來(lái)。
第二步:在模板文件中調(diào)用這些注冊(cè)好的導(dǎo)航菜單
WordPress為我們提供了調(diào)用自定義導(dǎo)航菜單的函數(shù):wp_nav_menu(),參數(shù)是一個(gè)數(shù)組。比方說(shuō),我們要在header.php文件中調(diào)用【主導(dǎo)航】菜單,代碼如下:
wp_nav_menu( array(
'container' => '',
'theme_location' => 'header_menu', //這里的header_menu就是注冊(cè)菜單中的key鍵名
'items_wrap' => '%3$s',
'fallback_cb' => ''
) );
這樣,我們就可以調(diào)用上面注冊(cè)好的header_menu的主導(dǎo)航菜單了。





