这是我的第一个自定义wordpress主题,我似乎没有正确理解这个wp\\u nav\\u menu()。这是我的wp\\u nav\\u menu()代码。
<?php
wp_nav_menu( array(
\'theme_location\' => \'primary\',
\'container\' => false,
\'menu_class\' => \'js--main-nav\'
) );
?>
当我在移动设备上点击汉堡时,它不会显示链接。但链接显示在桌面视图上。我检查菜单,看看是怎么回事。我发现了一些添加到的类。
<nav class="sticky">
<div class="row">
<img src="" alt="" class="">
<img src="" alt="" class="">
<ul id="menu-main-menu" class="js--main-nav" style="display: block;"><li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item menu-item-8"><a href="">Home</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="">Resources</a></li>
<li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="">Blog</a></li>
</ul>
<a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>
</div>
</nav>
这就是我的原始html代码在转换为wordpress主题之前的样子。
<nav>
<div class="row">
<img src="" alt="" class="">
<img src="" alt="" class="">
<ul class="main-nav js--main-nav">
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Make Payment</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact Us</a></li>
</ul>
<a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>
</div>
</nav>
编写wp\\u nav\\u menu()的正确方法是什么,以便以所需的类“main nav”和“js main nav”为目标,并删除添加的这些“menu main menu”。
最合适的回答,由SO网友:Johansson 整理而成
如果你看看wp_nav_menu()
\'您注意到,您可以控制大多数包装器的类和IDwp_nav_menu()
功能:
\'menu_class\'
(string)CSS类,用于构成菜单的ul元素。默认“菜单”。
\'menu_id\'
(字符串)应用于构成菜单的ul元素的ID。默认为菜单段塞,递增。
\'container\'
(字符串)是否包裹ul,以及包裹内容。默认“div”。
\'container_class\'
(string)应用于容器的类。默认“menu-{menu slug}-container”。
\'container_id\'
(字符串)应用于容器的ID。
所以,在你的情况下,你可以通过main-nav js--main-nav
到menu_class
和false或空字符串menu_id
. 虽然我必须提到,有一个ul
不会受伤的。除非因此发生冲突,否则删除它不会起任何作用。