导航菜单

导航菜单是主题中可自定义的菜单。它们允许用户向菜单添加页面、帖子、类别和URL。要创建导航菜单,您需要注册它,然后在主题中的适当位置显示菜单。

注册菜单

在主题的functions.php中,需要注册菜单。这将设置将出现在外观->菜单.

首先,您将使用寄存器_可用_菜单()注册菜单。

在本例中,“管理位置”选项卡中添加了两个位置:“标题菜单”和“附加菜单”。

函数register_my_menus(){寄存器_可用_菜单(阵列('标题菜单'=>__('标题菜单’),'额外菜单'=>__('额外菜单’)));}add_action('init','register_my-menus');

显示菜单

注册菜单后,需要使用wp_nav_menu()告诉你的主题在哪里显示。例如,将以下代码添加到页眉文件以显示上面注册的标题菜单。

wp_nav_menu(数组('theme_location'=>'header menu'));
参数的完整列表可以在wp_nav_menu()函数引用中的页

对要在主题中显示的任何其他菜单重复此过程。您可以选择添加一个容器类,该类允许您使用CSS设置菜单的样式。

wp_nav_菜单(阵列('theme_location'=>'额外菜单','container_class'=>'my_extra_menu_class'));
CSS类的完整列表可以在wp_nav_menu()页面中的函数引用。您可以使用这些设置菜单的样式。

显示其他内容

下面是“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”=>假));