php - 如何通过版本的php文件将wordpress header 导航并排分开？

我想将我的WordPress菜单导航分为左右两边，我已将菜单功能放入“ functions.php”中，该功能从后端添加了菜单，并且前端将由“ header.php”进行编辑，但是我无法无法获取结果，有人可以帮助我吗？

我的function.php：

register_nav_menus( array(
'primary' => __( 'Primary Menu', 'unite' ),
'footer-links' => __( 'Footer Links', 'unite' ),
'secondary' => __( 'Secondary Menu','unite' )// secondary nav in footer
    ) );

我的header.php：

<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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>
<?php
wp_nav_menu( array(
'theme_location'    => 'primary',
'depth'             => 2,
'container'         => 'div',
'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
'menu_class'        => 'nav navbar-nav',
'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
'walker'            => new wp_bootstrap_navwalker())
                    );

wp_nav_menu( array(
'theme_location'    => 'secondary',
'depth'             => 2,
'container'         => 'div',
'container_class'   => 'collapse navbar-collapse navbar-ex2-collapse',
'menu_class'        => 'nav navbar-nav',
'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
'walker'            => new wp_bootstrap_navwalker())
                    );
?>
</div>
</nav><!-- .site-navigation -->

我的后端设置：-



现在我的布局如何：-



我希望辅助菜单就在主菜单旁边：-

最佳答案

试试这个，把css

.fullWidth{
    width : 100%;
    margin : 0 auto;
}

.leftClass{
    width : 75%;
    float : left;
}

.rightClass{
    width : 25%;
    float : right;
}

在div标记中添加类

 <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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>

             <div class="fullWidth">

               <div class="leftClass">
                <?php
                    wp_nav_menu( array(
                        'theme_location'    => 'primary',
                        'depth'             => 2,
                        'container'         => 'div',
                        'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
                        'menu_class'        => 'nav navbar-nav',
                        'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                        'walker'            => new wp_bootstrap_navwalker())
                    ); ?>
                </div> <!-- end leftClass -->

                <div class="rightClass">
                   <?php wp_nav_menu( array(
                        'theme_location'    => 'secondary',
                        'depth'             => 2,
                        'container'         => 'div',
                        'container_class'   => 'collapse navbar-collapse navbar-ex2-collapse',
                        'menu_class'        => 'nav navbar-nav',
                        'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                        'walker'            => new wp_bootstrap_navwalker())
                    );
                ?>
              </div><!-- end rightClass -->
              <div style="clear:both;"></div><!-- clear both left and right -->
             </div><!-- end fullWidth -->
            </div>



        </nav><!-- .site-navigation -->

关于php - 如何通过版本的php文件将wordpress header 导航并排分开？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30882211/