WordPress菜单中获取子菜单项父级object_id方法咨询

嘿，这个问题其实可以通过在菜单遍历过程中跟踪当前顶级菜单项的颜色来解决！因为WordPress菜单的渲染是按层级顺序进行的，我们可以用一个静态变量来“记住”当前顶级项的data-color值，然后把它应用给下面所有的子项——不管子项对应的页面是不是顶级页面的子页面，只要它在菜单结构里属于该顶级项的子项就行。

具体实现代码 #

你可以用nav_menu_item_attributes这个钩子来修改菜单项的属性，代码示例如下：

add_filter('nav_menu_item_attributes', 'inherit_top_level_menu_color', 10, 3);
function inherit_top_level_menu_color($atts, $item, $args) {
    // 用静态变量存储当前顶级菜单项的颜色，遍历过程中保持状态
    static $current_top_color = '';

    // 处理顶级菜单项：获取自定义字段颜色并记录
    if ($item->menu_item_parent == 0) {
        // 替换成你实际的自定义字段键
        $top_color = get_post_meta($item->object_id, 'your_custom_field_key', true);
        
        if (!empty($top_color)) {
            $atts['data-color'] = $top_color;
            $current_top_color = $top_color;
        } else {
            // 如果顶级项没有颜色，重置静态变量
            $current_top_color = '';
        }
    } else {
        // 子菜单项：继承当前顶级项的颜色
        if (!empty($current_top_color)) {
            $atts['data-color'] = $current_top_color;
        }
    }

    return $atts;
}

代码工作原理 #

1. 静态变量跟踪状态：$current_top_color是静态变量，在整个菜单遍历过程中会保留它的值，不会每次调用函数都重置。
2. 识别顶级菜单项：当遇到menu_item_parent == 0的菜单项（也就是顶级项），我们从它对应的页面自定义字段中获取颜色，给当前项加上data-color，同时把颜色存入静态变量。
3. 子项继承颜色：所有非顶级的菜单项，都会直接使用静态变量里存储的当前顶级项颜色，给自己加上data-color属性。
4. 自动切换顶级项：当遍历到下一个顶级项时，静态变量会被更新为新的顶级项颜色，后续的子项就会继承新的颜色，完全适配菜单的层级结构。

注意事项 #

• 记得把代码里的your_custom_field_key替换成你实际使用的自定义字段名称。
• 如果之前你已经有处理顶级菜单项data-color的代码，可以把那部分逻辑整合到这个函数里，避免重复处理。
• 这个方法支持多级子菜单（比如二级、三级子项），只要它们属于某个顶级项的子结构，就会自动继承对应的颜色。

内容的提问来源于stack exchange，提问作者tylorreimer