Внедряем в wordpress bootstrap меню

Простой и проверенный способ  замены стандартного меню вашего блога, на адаптивное от bootstrap библиотеки.

1. скачиваем файл wp-bootstrap-navwalker.php (bootstrap3) или с нашего сайта wp-bootstrap-navwalker.zip (3kb) (bootstrap3)
2. распаковываем его в корень своей темы
3. в файле functions.php регистрируем walker  (добавляем код ниже)

   // Register Custom Navigation Walker
   require_once('wp-bootstrap-navwalker.php');
   

4. Меняем стандартное меню (оно находится в файле header.php) на код ниже:

   					<nav class="navbar navbar-inverse">
   	                        <div class="container-fluid">
   	                            <div class="navbar-header">
   	                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
   	                                    <span class="sr-only">Toggle navigation</span>
   	                                    <span class="icon-bar"></span>
   	                                    <span class="icon-bar"></span>
   	                                    <span class="icon-bar"></span>
   	                                </button>
   	                                <!-- <span class="navbar-brand">МЕНЮ</span> -->
   	                            </div>
   	                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
   	                                <?php /* Primary navigation */
   	                                wp_nav_menu( array(
   	                                    'menu' => 'primary',
   	                                    'depth' =>  2,
   	                                    'container' => false,
   	                                    'strcasecmp' => 1,
   	                                    'menu_class' => 'nav navbar-nav center',
   	                                    'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
   	                                    //Process nav menu using our custom nav walker
   	                                    'walker' => new wp_bootstrap_navwalker())
   	                                );
   	                                wp_nav_menu( array(
   	                                    'menu' => 'primary',
   	                                    'depth' =>  0,
   	                                    'container' => false,
   	                                    'menu_class' => 'dropdown-menu center',
   	                                    'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
   	                                    //Process nav menu using our custom nav walker
   	                                    'walker' => new wp_bootstrap_navwalker())
   	                                );
   	                                ?>
   	                            </div>
   	                        </div> 
   	                    </nav>

   начинается  и заканчивается тегами <nav> </nav>

5.  Не забываем про функцию wp_nav_menu в массиве

   'menu' => 'primary',

   Указываем свое меню которое создали в админке. По умолчанию стоит  primary и зарегистрируйте навигацию если ваша тема это не поддерживает:

   // This theme uses wp_nav_menu() in two locations.
     register_nav_menus( array(
       'primary' => __( 'Primary Menu', 'twentysixteen' ),
       'social'  => __( 'Social Links Menu', 'twentysixteen' ),
     ) );
   

все готово.

Дополнительно

Вы можете посмотреть какие могут быть  стили навигации: https://getbootstrap.com/components/#navbar

а также будет интересно прочитать про функцию wp_nav_menu https://wp-kama.ru/function/wp_nav_menu

Заключение

Вот таким простом способом, который займет не более 10 минут, можно легко внедрить адаптивное меню bootstrap в вашу тему сайта на wordpress.