Bootstrap 样式不影响 PHP 生成的菜单

Question

我有一个 Bootstrap 主题上传到 Wordpress，它似乎工作正常，除非我尝试输入我自己的菜单项。

php 菜单的代码如下：

<div class="nav-scroller py-1 mb-2">
  <nav class="nav d-flex justify-content-center">
    <a href="#" class="p-2 px-3 text-muted">
      <?php
        wp_nav_menu(array(
          'theme_location' => 'categoryMenu'
        ));
      ?>
    </a>
  </nav>
</div>

如果您需要更多信息，请随时询问。我将发布更多代码。

谢谢，

以下 HTML 代码来自 Chrome 中的“检查”工具：

<?php

          $menuParameters = array(
            'container' => false,
            'echo' => false,
            'items_wrap' => '%3$s',
            'depth' => 0,
          );

          echo strip_tags(wp_nav_menu($menuParameters), '<a>');


        ?>

Answer 1

函数输出菜单的默认容器是<div>。这很可能是导致问题的原因，因为 Bootstrap 无法针对包装在其中的单个项目。

通过传入一些额外的参数来删除它。您可能还必须显式传递菜单 ID。

您可以在此处找到要传递的其他参数：https://developer.wordpress.org/reference/functions/wp_nav_menu/

  <?php
        wp_nav_menu(array(
          'menu' => MENU_ID / MENU_NAME,
          'theme_location' => 'categoryMenu',
          'container' => false
        ));
      ?>