WordPress定制导航的2个钩子 设置子菜单下拉菜单的样式

在这篇文章中，我们需要记录2个钩子，用于给有子菜单或者下拉菜单的导航添加Class样式的。一般情况下，如果是有子菜单的样式和普通的导航菜单样式是不同的。

1、nav_menu_css_class 钩子

function spring_menu_item_classes($classes, $item, $args, $depth) {
    //如果有子菜单的导航添加class
    if (in_array('menu-item-has-children', $classes)) {
        $classes[] = 'custom-menu';
    }
 
    return $classes;
}
add_filter('nav_menu_css_class', 'spring_menu_item_classes', 10, 4);

这里我们需要将"spring_"更换成我们自己的主题名称。对于class内容根据自己的样式添加。

2、nav_menu_submenu_css_class 钩子

function spring_submenu_classes($classes) {
    // 为子菜单添加自定义类
    $classes[] = 'custom-submenuclass';
 
    return $classes;
}
add_filter('nav_menu_submenu_css_class', 'spring_submenu_classes');

从名字上看，就知道是子菜单的样式，一样的可以需要对 "spring_" 更换成自己的主题名称。样式名称换成我们自己的。