WordPress nav_menu_item_title钩子插入HTML被剥离问题求助

你的代码之所以失效，是因为WordPress默认会对导航菜单标题进行HTML清理，过滤掉多余的标签和属性。以下是两种可行的解决方法：

方法一：提高过滤器优先级 #

将你的过滤器优先级从默认的10改为更高的数值（比如20），让自定义代码在WordPress默认的标题清理之后执行：

function show_menu_item_desc( $title, $item ) {
    if( is_object( $item ) && isset( $item->ID ) ) {
        $title = "<span class='blabla'>TEST <br> TEST</span>";
    }
    return $title;
}
add_filter( 'nav_menu_item_title', 'show_menu_item_desc', 20, 2 );

方法二：修改菜单对象（更可靠） #

使用wp_nav_menu_objects钩子在菜单对象生成阶段直接修改标题，绕过后续的HTML清理步骤：

function modify_menu_item_title( $items ) {
    foreach ( $items as $item ) {
        // 如果你只想修改特定菜单项，可添加ID判断，比如 if ( $item->ID == 123 )
        $item->title = "<span class='blabla'>TEST <br> TEST</span>";
    }
    return $items;
}
add_filter( 'wp_nav_menu_objects', 'modify_menu_item_title' );

说明 #

WordPress默认会通过wp_kses_post等函数对菜单标题进行安全过滤，移除未被允许的HTML属性和标签。方法一通过调整执行顺序让自定义HTML保留，方法二则从源头修改菜单项数据，避免后续过滤影响。

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