nav_menu_submenu_css_class Filter 修改子菜单 class

nav_menu_submenu_css_class Filter 修改子菜单 class

WordPress 中的 nav_menu_submenu_css_class filter 可以让我们方便地修改菜单子元素的 class 名称，让我们来看看如何使用该 filter。

1. filter 函数的定义

函数 add_filter() 用于给 nav_menu_submenu_css_class filter 添加一个函数。这个函数将用于修改菜单子元素 的 class 名称。

add_filter( 'nav_menu_submenu_css_class', 'custom_submenu_class', 10, 3 );
function custom_submenu_class( $classes, $args, $depth ) {
    // 在这里编写修改菜单子元素 class 的代码
    return $classes;
}

2. 修改子菜单 class 名称

我们现在可以在 custom_submenu_class() 函数中添加代码来修改菜单子元素的 class 名称了。例如，我们想将所有子菜单的 class 名称改为 “custom-submenu”，则可以这样编写代码：

add_filter( 'nav_menu_submenu_css_class', 'custom_submenu_class', 10, 3 );
function custom_submenu_class( $classes, $args, $depth ) {
    $classes[] = 'custom-submenu';
    return $classes;
}

3. 修改特定子菜单 class 名称

如果你只想修改某个特定的子菜单的 class 名称，可以使用条件语句来实现。例如，假设你只想修改 ID 为 “sub-menu-2”的子菜单的 class 名称：

add_filter( 'nav_menu_submenu_css_class', 'custom_submenu_class', 10, 3 );
function custom_submenu_class( $classes, $args, $depth ) {
    if ( 'sub-menu-2' == $args->submenu_id ) {
        $classes[] = 'custom-submenu';
    }
    return $classes;
}

4. 结论

使用 nav_menu_submenu_css_class filter，我们可以很方便地修改 WordPress 菜单子元素的 class 名称，定制菜单样式，提高网站的可读性和美观性。