如何过滤 WordPress 导航菜单中的子菜单类名？

Question

在 WordPress 中，当使用导航菜单时，二级菜单被赋予类 sub-menu。例如：

<ul>
    <li>
        <a title="Page 1" href="/page-1/">Page 1</a>
        <ul class="sub-menu">
            <li>
                <a title="Sub page 1" href="/sub-page-1/">Sub page 1</a>
            </li>
            <li>
                <a title="Sub page 2" href="/sub-page-2/">Sub page 2</a>
            </li>
        </ul>
    </li>
</ul>

我正在使用Bootstrap 3，因此需要将该类名设为dropdown-menu。到目前为止，我的尝试是将所有 dropdown-menu 类从 bootstrap.css 复制到我的主题 style.css 中，并将它们的名称更改为 sub-menu。这不是一个好方法，因为当我下次升级 Bootstrap 时，我需要检查是否有任何变化。

我的下一个想法是过滤类名。 WordPress 是否提供了一个过滤器，可以让我更改这个类名？

更新

我找到了一个walker 解决方案here，它可以让我更改sub-menu 类。

class My_Walker_Nav_Menu extends Walker_Nav_Menu {
  function start_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n$indent<ul class=\"my-sub-menu\">\n";
  }
}

我将其直接粘贴到我的主题的functions.php 中。这允许我更改类名，但我现在的问题是我收到以下 PHP 调试通知：

严格标准：My_Walker_Nav_Menu::start_lvl() 的声明 应该与 Walker_Nav_Menu::start_lvl(&$output, $depth = 0，$args = 数组）在 /wp-content/themes/my-theme/functions.php 在第 224 行

我应该将walker 直接粘贴到我的主题的functions.php 中吗？我哪里错了？

Answer 1

你为什么不做相反的事情？编辑主题文件，而不是编辑 CSS。您可以更改 ul 的类。

<ul class="dropdown-menu">
   ...
</ul>

如果您出于任何原因需要在 ul 中保留“子菜单”类，您也可以在同一个元素中使用两者。只需在 ul 中添加“bootstrap.css”类即可。

<ul class="sub-menu dropdown-menu">
   ...
</ul>

Answer 2

您需要在 functions.php 中包含您的 walker 文件并更改您的 wp_nav_menu 函数以像这样调用 walker...

wp_nav_menu( array(
    'menu'              => 'Main Navigation',
    'theme_location'    => 'main_navigation',
    'depth'             => 0,
    '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())
);