自定义 WordPress 导航菜单样式相关的两个钩子

在WordPress中，钩子（hooks）是允许开发者修改或扩展主题或插件功能的动作或过滤器。nav_menu_css_class 和 nav_menu_submenu_css_class 是与自定义 WordPress 导航菜单样式相关的两个钩子。

nav_menu_css_class 钩子：该钩子允许你修改应用于导航菜单中各个菜单项的 CSS 类。它为你提供了与菜单项关联的 CSS 类的数组。

下面是一个示例，展示了如何在主题的 functions.php 文件中使用这个钩子来为导航菜单项添加或修改类：

function custom_menu_item_classes($classes, $item, $args, $depth) {
    // 为具有子菜单的菜单项添加自定义类
    if (in_array('menu-item-has-children', $classes)) {
        $classes[] = 'custom-submenu';
    }

    return $classes;
}
add_filter('nav_menu_css_class', 'custom_menu_item_classes', 10, 4);

nav_menu_submenu_css_class 钩子： 该钩子允许你修改应用于导航菜单项子菜单（下拉菜单）的 CSS 类。它为你提供了与子菜单关联的 CSS 类的数组。

下面是一个示例，展示了如何使用这个钩子来修改子菜单的类：

function custom_submenu_classes($classes) {
    // 为子菜单添加自定义类
    $classes[] = 'custom-submenu';

    return $classes;
}
add_filter('nav_menu_submenu_css_class', 'custom_submenu_classes');

请记住，你应该将这些代码片段添加到你主题的 functions.php 文件或自定义插件中。这些钩子使你能够根据需要调整和自定义导航菜单项及其子菜单的 CSS 类。

原文链接：自定义 WordPress 导航菜单样式相关的两个钩子