WP_NAV_MENU中的目标导航类别

时间:2018-04-27 作者:julie95

这是我的第一个自定义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”。

1 个回复
最合适的回答,由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-navmenu_class 和false或空字符串menu_id. 虽然我必须提到,有一个ul 不会受伤的。除非因此发生冲突,否则删除它不会起任何作用。

结束

相关推荐

Custom Menus and taxonomies

好的,我刚开始使用WordPress,不是很好,我有一个菜单问题,我真的需要一些帮助。我在一个网站上工作,它有多个地点,并非所有地点都销售相同的产品。所有位置都是具有父结构的页面。俄亥俄州-联系我们-关于我们-产品等。。。西弗吉尼亚州-联系我们-关于我们-产品等。。。宾夕法尼亚州-联系我们-关于我们-产品等我掌握了自定义页面模板的窍门,并为其添加了自定义菜单(因此,我所有的Ohio页面都使用了我制作的自定义Ohio模板,并包含了自定义Ohio菜单)。我正在使用帖子创建产品信息页面,并使用以下方式显示它们: