Je convertis un site html5 en un thème wordpress, mais suis bloqué dans mes menus!
Et voici mon résultat jusqu'à présent sur wordpress:
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
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>