javascript - WordPress - 如何将自定义类添加到子菜单 标签

Question

当创建自定义 WordPress 菜单并删除子菜单类时，默认值会重新添加，所以我只需要用我自己的类覆盖它们。下面的函数用于删除子菜单类，同时仅将自定义类添加到主导航链接。

//Add Custom Class to Navigation <a> Tags
add_filter( 'nav_menu_link_attributes', 'add_class_anchor_nav_primary', 10, 3 );
function add_class_anchor_nav_primary( $atts, $item, $args ) {
    if ( (int) $item->menu_item_parent === 0 ) {
        $class         = 'dropdown submenu';
        $atts['class'] = $class;
    }

    return $atts;
}

Answer 1

因此，要修改子菜单的类别，您有两个选择。第一个是使用 WordPress 用来生成菜单的 Walker。还有我更喜欢的解决方案二:

add_action('nav_menu_submenu_css_class', 'custom_submenu_css_class');
function custom_submenu_css_class() {
    return array('dropdown-menu');
}

这将用下拉菜单替换类子菜单。 get 返回的数组可以有多个值。所以如果你想在你的子菜单中添加另一个类，你可以这样做:

add_action('nav_menu_submenu_css_class', 'custom_submenu_css_class');
function custom_submenu_css_class() {
    return array('class-1', 'class-2', 'class-3');
}

将此添加到您的 functions.php 文件中。我希望它能帮助您实现目标!