web-dev-qa-db-fra.com

Comment puis-je mettre deux menus dans la même div?

Je convertis un site html5 en un thème wordpress, mais suis bloqué dans mes menus!

c'est la version html:  html version of menu 

Et voici mon résultat jusqu'à présent sur wordpress:  wordpress version of menu 

comme vous pouvez le constater, le menu social ne peut pas être intégré au menu principal!

C'est le bit function.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' );

et voici le bit header.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-->

Est-il possible de les créer sur la même ligne? Dans le bootstrap, c’était une simple div avec une classe navbar-left et navbar-right, mais je ne peux pas y arriver sous Wordpress!

Toute aide serait très reconnaissante: D

1
Benn Moffat

Essayez de définir 'container' => false, dans le tableau wp_nav_menu() options et d’utiliser votre propre code HTML pour envelopper la sortie.

<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>
2
Will