Почему не получается настроить меню Bootstrap в Wordpress?

Question

[1739]

Пробую сделать меню Bootstrap в Wordpress. Меню выводится, но не в стиле Jumbotron. Почему-то синим цветом.
Ссылка на сайт: test02.menchasha.ru/.

Вот то, что в коде Header.php:

<div class="navbar-collapse collapse">         

        <?php
            $args = array(
                'menu'       => 'header-menu',
                'menu_class' => 'nav navbar-nav',
                'container'  => 'false'               
                );                
                wp_nav_menu( $args );
        ?>        
       </div>

Заранее благодарю!

Answer 1

[4mobile]

Не хватает стилей бутстраповских.
Нам поможет этот файл

Копируете его в папку с шаблоном, подключаете в functions.php строкой:
require_once('wp_bootstrap_navwalker.php');

Меню подключаете с волкером:

wp_nav_menu( array(
                                    'menu'              => 'primary',
                                    'theme_location'    => 'primary',
                                    'depth'             => 3,
                                    '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())
                                );

Answer 2

[Mike]

Потому что такой используется CSS
+ потерян в nav класс "nav-default"

Если использовать CSS отсюда (https://getbootstrap.com/docs/3.3/examples/navbar-... )
И добавить потерянный класс, то шрифт будет #555

Answer 3

[1739]

Сделала, как вы сказали. Не помогло. Не пойму, что еще нужно сделать.
Вот мой Header:

<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <a class="navbar-brand" href="#">Navbar</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
         <div class="collapse navbar-collapse" id="navbarsExampleDefault">
              <?php
              $args = array(
               'menu'  => 'header-menu',
                'menu_class' => 'nav navbar-nav',
                'container'  => 'false',
                'fallback_cb'=> 'wp_bootstrap_navwalker::fallback',
                'walker'     => new wp_bootstrap_navwalker() 
                );
                
                wp_nav_menu($args);
        ?>

        </div>   
        </div>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
      </div>
    </nav>

Вот Function:
<code lang="php">
function register_theme_menus() {
    
    register_nav_menus(
        
        array(
            'header-menu'=> __( 'Header Menu')
            ) 
        );
        require_once('wp_bootstrap_navwalker.php');
}
add_action( 'init', 'register_theme_menus');


</code>