如何在导航菜单中自动为每个菜单项添加一个类？

Question

我目前有这个标记：

$defaults = array(
    'theme_location'  => '',
    'menu'            => 'main-nav',
    'container'       => 'ul',
    'container_class'    => 'nav navbar-nav',
    'before'          => '<button class="btn btn-warning">',
    'after'           => '</button>',
    'menu_class'      => '',
    'menu_id'         => 'menu',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<div class="col-md-6 col-md-offset-3">%3$s</div>',
    'depth'           => 0,
    'walker'          => ''
);
wp_nav_menu( $defaults );

这里是my site的例子

使用上面的当前结构，除了 firefox 和 ie 之外，似乎链接对于 chrome 都可以正常工作

另外，bootstrap 的元素调用

内的 href 链接

任何建议都会很棒！

Answer 1

删除items_wrap 选项； wordpress 菜单由<ul>-tag 组成，您不应将容器插入其中。

虽然您已经为菜单指定了一个 id，但您应该可以使用

#menu li{
...
}

为您的菜单项设置样式（至少我是这样做的）。

顺便说一句，您的网站已离线。

向菜单项添加类

以下正则表达式允许您为导航的每个（每个！）元素添加一个类，该类拥有class 标签。由于这只影响li 标签，它工作得很好。用此代码替换您的 wp_nav_menu 调用：

$menu = wp_nav_menu(array(
    'echo'=>0, // this is important
    'menu'=>'YOUR_MENU_SLUG',
    // your args here
));

$menu_item_class = 'YOUR_CLASS_NAME';
$menu = preg_replace('/class="([^"]*)"/', 'class="$1 '.$menu_item_class.'"', $menu);
print($menu);

如果你觉得幸运，你可以通过让它匹配li标签来增强正则表达式，但上面的代码肯定会工作。