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





