html - 将 Bootstrap 4 导航栏与 wordpress 4.x 合并的问题

Question

正在将 bootstrap 导航栏与 wordpress 结合使用，但它对我不起作用。下面是 wordpress wp_nav_menu 函数和我注释掉的导航栏代码(有效)。我注意到的奇怪事情是 wordpress 将类放在错误的位置。

<?php
   wp_nav_menu( array(
      'theme_location'   => 'primary',
      'menu'             => 'primary',
      'container'        => 'div',
      'container_class'  => 'navbar-collapse collapse justify-content-end',
      'menu_class'       => 'nav navbar-nav'
                    ) );
?>
<!-- <div class="navbar-collapse collapse justify-content-end">
        <ul class="nav navbar-nav">
           <li class="nav-item"><a href="/" class="nav-link">Test 1</a></li>
           <li class="nav-item"><a href="/" class="nav-link">Test 2</a</li>           
        </ul>
     </div> 
-->

Wordpress 按如下方式构建 html，这当然会中断，因为类未应用于正确的节点。 ul 没有类，因为容器有错误的类。

<div class="nav navbar-nav">
   <ul>
      <li class="page_item page-item-12"><a 
      href="http://localhost/fmr/Test1">Test 1</a></li>
      <li class="page_item page-item-8 current_page_item"><a 
      href="http://localhost/fmr/">Test 2</a></li>
   </ul>
</div>

有什么建议吗？

谢谢!

Answer 1

在设置数组中，菜单设置为主要。这应该设置为后端菜单的标题。在这种情况下，菜单应该是主菜单。

<?php
   wp_nav_menu( array(
      'theme_location'   => 'primary',
      'menu'             => 'Main Menu',
      'container'        => 'div',
      'container_class'  => 'navbar-collapse collapse justify-content-end',
      'menu_class'       => 'nav navbar-nav'
   ) );
?>