导航菜单是主题中可自定义的菜单。它们允许用户向菜单添加页面、帖子、类别和URL。要创建导航菜单,您需要注册它,然后在主题中的适当位置显示菜单。
在主题的functions.php中,需要注册菜单。这将设置将出现在外观->菜单.
首先,您将使用寄存器_可用_菜单()注册菜单。
在本例中,“管理位置”选项卡中添加了两个位置:“标题菜单”和“附加菜单”。
函数register_my_menus(){寄存器_可用_菜单(阵列('标题菜单'=>__('标题菜单’),'额外菜单'=>__('额外菜单’)));}add_action('init','register_my-menus');
注册菜单后,需要使用wp_nav_menu()告诉你的主题在哪里显示。例如,将以下代码添加到页眉
文件以显示上面注册的标题菜单。
wp_nav_menu(数组('theme_location'=>'header menu'));
对要在主题中显示的任何其他菜单重复此过程。您可以选择添加一个容器类,该类允许您使用CSS设置菜单的样式。
wp_nav_菜单(阵列('theme_location'=>'额外菜单','container_class'=>'my_extra_menu_class'));
下面是“Twenty-17-footer”社交菜单的简化版本,它显示跨度
菜单项标签文本前后的元素。
wp_nav_菜单(阵列(“menu”=>“primary”,'link_before'=>'<span class=“screen-reader-text”>',“link_after”=>“</span>”,));
输出将显示为…
【html】
<div class=“menu-social-container”>
<ul id=“menu-social”>
<li id=“menu-item-1”>
<a href=“网址:http://twitter.com/“>Twitter</span>
</li>
</ul>
</div>
[/html]
要在<li>
和<a>
每个菜单项的元素,使用之前
和之后
参数。
默认情况下,当找不到指定的菜单或位置时,WordPress显示第一个非空菜单,或者在没有选择自定义菜单时生成页面菜单。为了防止出现这种情况,请使用主题_位置
和回退cb
参数。
wp_nav_菜单(阵列(“menu”=>“primary”,//不要退回到第一个非空菜单'theme_location'=>'__no_such_location',//不要回到wp_page_menu()“fallback_cb”=>假));