个性化阅读
专注于IT技术分析

wp_nav_menu插入ul,无法设置类或避免找到

这似乎是一个普遍的问题, 并尝试了许多不同的解决方案, 但似乎它要么坏了, 要么我丢失了一些东西。

wp_nav_menu函数坚持插入一个没有任何类或任何东西的类, 并且它在菜单上造成了很大的混乱(在主题上使用引导程序以下划线构建它)。有没有办法告诉它不要添加或强制它添加类。

代码如下:

          <?php
                wp_nav_menu( array(
                    'theme_location'    =>  'primary', 'container'         =>  'nav', 'container_class'   =>  'navbar-collapse collapse', 'menu_class'        =>  'nav navbar-nav navbar-right'
                    )
                );
            ?>

还尝试了:

> <?php wp_nav_menu(array( 'menu' => 'primary', 'menu_id' => '', > 'container' => false, 'theme_location' => 'primary-menu', 'show_home'
> => '1')); ?>

 <?php
wp_nav_menu(
 array(
'menu_class'=>"nav navbar-nav navbar-right", 'menu_id'=>"", 'container'=>"", 'theme_location'=>"primary-menu", )
 );

在所有情况下, 它都输出一个不应用任何类的

        <div class="navbar">
            <nav class="nav navbar-nav navbar-right"><ul>
            <li class="page_item page-item-11"><a href="http://localhost:18888/about/">About</a></li>
            <li class="page_item page-item-18"><a href="http://localhost:18888/blog/">Blog</a></li>
            <li class="page_item page-item-8 current_page_item"><a href="http://localhost:18888/">Intro</a></li>
            <li class="page_item page-item-14"><a href="http://localhost:18888/join/">Join</a></li>
            </ul></nav>


        </div>

#1


根据我上面的评论, “菜单1″被归类为你的theme_location。如果你在wp_nav_menu调用中对此进行了更新, 则现在可以使用。


#2


你可以尝试以下代码, 该代码允许你将类添加到ul, 还可以删除nav标签。

<?php wp_nav_menu(array('theme_location'    => 'primary', 'menu_id'=> 'main-menu', 'container'=>false, 'menu_class'=>'main-navigation')); ?>

HTML输出:

<ul id="main-menu" class="main-navigation">
    <li id="menu-item-1772" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1772">
        <a href="#">Test a</a>
    </li>
</ul>

希望这对你有用。


#3


我按照以下两个步骤解决了它。

第一步, 我们必须在functions.php文件中注册导航菜单, 例如代码。

function pluto_theme_setup()
{
    add_theme_support('menus');
    register_nav_menu('primary', 'Header Navigation');
}

add_action('init', 'pluto_theme_setup');

第二步, 我们可以使用header.php文件中的wp_nav_menu调用主数据库, 例如代码。

<div class="col-xs-12">
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">PLUTO</a>
            </div>
            <div class="collapse navbar-collapse" id="navbar-content-right">
                <?php wp_nav_menu(
                    array(
                        'theme_location' => 'primary', 'container' => false, 'menu_class' => 'nav navbar-nav navbar-right'))
                ?>
            </div>
        </div>
    </nav>
</div>
赞(0)
未经允许不得转载:srcmini » wp_nav_menu插入ul,无法设置类或避免找到

评论 抢沙发

评论前必须登录!