jquery - 将类添加到特定的 WordPress anchor 菜单

Question

我正在创建我的自定义 Bootstrap 菜单。但是，我被困在这里。我想添加 class name只有一个 nav_menu .例如:

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#" class="btn btn-primary">Contact</a></li>
    </ul>
</nav>

假设，我想添加 class在Contact只有菜单。怎么做到的？添加CSS Class在Screen Options只会将类添加到 <li>元素。但我想要它在 <a>标签。

任何帮助将不胜感激。谢谢

Answer 1

您需要做的是将以下代码粘贴到您的 functions.php 文件中:

//Filtering a Class in Navigation Menu Item
function my_walker_nav_menu_start_el($item_output, $item, $depth, $args) {
    if($item->title == 'Contact'){
        $classes     = implode(' ', $item->classes);
        $item_output = preg_replace('/<a /', '<a class="'.$classes.'"', $item_output, 1);
        return $item_output;
    }
 }
add_filter('current-menu-item', 'my_walker_nav_menu_start_el', 10, 4);

上面的代码只是简单地检查菜单项标题是否为联系人。如果符合条件，则添加一个类“Current-menu-item”。我们需要添加一个自定义类，以使其适用于我们正在处理的这个设计。