web-dev-qa-db-fra.com

Bootstrap Navwalker ne pas afficher

Je crée un thème bootstrap wordpress à partir de zéro, je veux créer un menu de navigation à l'aide de la classe WordPress nav Walker, j'ai suivi la documentation sur GitHub pour l'installer, puis j'ai ajouté un menu principal à mon thème wordpress. J'ai choisi l'emplacement du menu, mais la barre de navigation ne s'affiche pas, tout ce que j'ai, c'est la marque de barre de navigation qui se trouve au centre.  enter image description here  mon code header.php:

<div class="blog-masthead">
      <div class="container">
        <nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <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="<?php echo home_url(); ?>">
                <?php bloginfo('name'); ?>
            </a>
    </div>

        <?php
            wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'primary',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse',
                'container_id'      => 'bs-example-navbar-collapse-1',
                'menu_class'        => 'nav navbar-nav',
                'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
                'walker'            => new WP_Bootstrap_Navwalker())
            );
        ?>
    </div>
</nav>

      </div>
    </div>

functions.php

<?php
    require_once('wp-bootstrap-navwalker.php');

    function wpb_theme_setup(){
        register_nav_menus( array(
        'primary' => __( 'Primary Menu', 'wpbootstrap' ),
) );
    }

    add_action('after_setup_theme', 'wpb_theme_setup');

Quelqu'un peut-il m'aider à résoudre ce problème?

navigationwalkertwitter-bootstrap
1
Pain

Je l'utilise de cette façon. Je n'ai jamais rencontré de problèmes.

Bootstrap 3.x Navigation avec liste déroulante pour wordpress.

<nav class="navbar navbar-default">
<div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse" 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 visible-xs" href="#">MENU</a>
</div>

<div class="collapse navbar-collapse" id="bs-navbar-collapse">
    <?php
        wp_nav_menu( array(
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container'         => '',
            'menu_class'        => 'nav navbar-nav',
            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
            'walker'            => new wp_bootstrap_navwalker())
        );
    ?>
    <ul class="nav navbar-nav navbar-right">
        <?php if ( is_user_logged_in() ) { ?>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user-plus" aria-hidden="true"></i> HESABIM <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <?php foreach ( wc_get_account_menu_items() as $endpoint => $label ) : ?>
                <li><a href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>"><?php echo esc_html( $label ); ?></a></li>                             
                <?php endforeach; ?>
            </ul>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="Üye Ol / Giriş Yap">Üye Ol / Giriş Yap</a></li>
        <?php } ?>
    </ul>
</div>

Navigation seulement;

<div class="collapse navbar-collapse" id="bs-navbar-collapse">
<?php
    wp_nav_menu( array(
        'theme_location'    => 'primary',
        'depth'             => 2,
        'container'         => '',
        'menu_class'        => 'nav navbar-nav',
        'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
        'walker'            => new wp_bootstrap_navwalker())
    );
?>
</div>
1
sakarya