Intereting Posts
Измените «Просмотр» в панели администратора для пользовательской таксономии Как это изменить без изменения ядра? Как реализовать вторичное меню? Как вы управляете своими темами при приватном распространении? Как публиковать новые сообщения / страницы в корневой папке вместо подпапки, но сохранить прежнюю структуру? Как включить кнопку редактирования в настройке пользовательского интерфейса темы? get_post_custom () Как я могу использовать $ wp_customize для редактирования слайдера изображения на главной странице? Контрольный шаблон пользовательского типа сообщения из плагина Изменение размера изображения в теге Content Создать сообщение, используя форму на панели инструментов WP Как сделать wp_query с двумя полями acf, сортируя по одному из них get_delete_post_link () внутри петли упорно ничего не возвращает Данные метаданных не сохраняются Как отключить просмотр одной записи в wp

Как использовать два меню с помощью Bootstrap nav walker?

Я использую bs4navwalker , скрипт для вывода навигационных меню WordPress с правильным форматированием Bootstrap. На самом деле, вместо обычного wp-bootstrap-navwalker , я использую bs4navwalker , вариант.

Вот мой HTML …

<!-- navigation --> <nav class="navbar fixed-top navbar-toggleable-sm navbar-light cxt-bg-white pmd-z-depth"> <!-- collapse at small breakpoint --> <div class="container"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#"> Brand </a> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <!-- first nav --> <ul class="nav navbar-nav mr-auto"> <!-- .mr-auto required to push second nav right http://stackoverflow.com/a/41769285/1375163 --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Products </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/product1link/">Product 1</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Services </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="#">Service 1</a> <a class="dropdown-item" href="#">Service 2</a> <a class="dropdown-item" href="#">Service 3</a> <a class="dropdown-item" href="#">Service 4</a> <a class="dropdown-item" href="#">Service 5</a> <a class="dropdown-item" href="#">Service 6</a> </div> </li> </ul> <!-- second nav --> <ul class="nav navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Clients </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="#">Category 1</a> <a class="dropdown-item" href="#">Category 2</a> <a class="dropdown-item" href="#">Category 3</a> <a class="dropdown-item" href="#">Category 4</a> <a class="dropdown-item" href="#">Category 5</a> <a class="dropdown-item" href="#">Category 6</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="btn btn-success pmd-ripple-effect btn-md" href="#" role="button">Contact</a> </li> </ul> </div> </div> </nav>

Вот как это выглядит …

введите описание изображения здесь

И вот мой текущий код WordPress, чтобы выполнить только первое меню …

<nav class="navbar fixed-top navbar-toggleable-sm navbar-light cxt-bg-white pmd-z-depth"> <!-- collapse at small breakpoint --> <div class="container"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#bs4navbar" aria-controls="bs4navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a> <!-- first nav --> <?php wp_nav_menu([ 'menu' => 'primary', 'theme_location' => 'primary', 'container' => 'div', 'container_id' => 'bs4navbar', 'container_class' => 'collapse navbar-collapse', 'menu_id' => false, 'menu_class' => 'navbar-nav mr-auto', 'depth' => 2, 'fallback_cb' => 'bs4navwalker::fallback', 'walker' => new bs4navwalker() ]); ?> </div> </nav>

Я хочу включить оба. Но я не понимаю, как включить второе, смежное меню, используя bs4navwalker в соответствующем месте.

Оба должны быть внутри «свернуть navbar-collapse», и это то, что я не вижу, как это сделать. Когда я тестировал, он, кажется, повторяет этот div.

Solutions Collecting From Web of "Как использовать два меню с помощью Bootstrap nav walker?"