如何将两个菜单放在同一个div中?

时间:2015-12-07 作者:Benn Moffat

我正在将一个html5网站转换为wordpress主题,但我的菜单被卡住了!

这是html版本:html version of menu

这是我目前在wordpress上的结果:wordpress version of menu

正如你所看到的,我无法将社交菜单与主菜单连接起来!

这就是函数。php位:
function register_my_menus() { register_nav_menus( array( \'header-menu\' => __( \'Header Menu\' ), \'top-left-menu\' => __( \'Top Left Menu\' ), \'social-menu\' => __( \'Social Menu\' ) ) ); } add_action( \'init\', \'register_my_menus\' );

这是标题。php位:

    <div class="navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                </div><!--navbar-header-->


            <?php 
                wp_nav_menu( array(

                    \'theme_location\'    =>  \'top-left-menu\',
                    \'container\'         =>  \'nav\',
                    \'container_class\'   =>  \'navbar-collapse collapse dropdown\',
                    \'menu_class\'        =>  \'nav navbar-nav navbar-left\',
                    \'container_id\' => \'cssmenu\', 
                    \'walker\' => new CSS_Menu_Walker()
                )
                );
            ?>
            <?php 
                wp_nav_menu( array(

                    \'theme_location\'    =>  \'social-menu\',
                    \'container\'         =>  \'nav\',
                    \'container_class\'   =>  \'navbar-collapse collapse\',
                    \'menu_class\'        =>  \'btn-group nav navbar-nav navbar-right\'
                )
                );
            ?>


        </div><!--container-->
    </div><!--navbar-->



</div><!--navbar-wrapper-->
是否可以在同一行上创建这些?在bootstrap中,它是一个简单的div,有一个navbar left和navbar right类,但我无法在Wordpress中计算出来!

任何帮助都将不胜感激:D

1 个回复
最合适的回答,由SO网友:Will 整理而成

尝试设置\'container\' => false,wp_nav_menu() 选项数组,并使用您自己的HTML包装输出。

<div class="outer-container-whatever-bootstrap-classes">
    <nav class="navbar-left other-classes">
        <?php 
            wp_nav_menu( array( [your_options with \'container\' => false,] ) )\' 
        ?>  
    </nav>
    <nav class="navbar-right other-classes">
        <?php 
            wp_nav_menu( array( [your_options with \'container\' => false,] ) )\' 
        ?>  
    </nav>
</div>

相关推荐

Add extra markup to WP menus

我被要求将一个HTML网站重新开发为一个WP主题,它有一个非常高级的菜单结构,我不太确定如何复制它。第二个菜单项有一个子菜单,但它不仅仅是“li”中的“ul”,还有额外的div等。。因为下拉列表有3列布局,其中2列包含子链接,第3列包含内容。这是一个示例:<ul class=\"nav navbar-nav three\"> <li class=\"dropdown yamm-fw\"> <a href=\"#\" class=\"dropdown-toggl