如何移除WordPress菜单图标的链接，仅保留文本链接功能？

在WordPress核心自带的基础功能范围内，完全可以实现「仅菜单文本带链接、图标不带链接」的需求，不需要依赖第三方插件，主要通过自定义菜单输出逻辑来实现，下面是两种实用方案：

方案一：自定义Walker类控制菜单输出 #

WordPress的菜单输出由Walker类主导，我们可以自定义一个Walker类，重写菜单元素的输出结构，把图标从<a>标签里剥离出来。

1. 在当前主题的functions.php文件中添加以下代码：

class Custom_Menu_Walker extends Walker_Nav_Menu {
    function start_el(&$output, $item, $depth = 0, $args = null, $id = 0) {
        // 获取菜单项的标题和链接
        $title = apply_filters('the_title', $item->title, $item->ID);
        $url = esc_url($item->url);
        
        // 提取标题中的图标部分（假设你用类似<i class="icon-class"></i>的格式添加图标）
        // 需根据实际图标格式调整正则匹配规则
        preg_match('/(<i[^>]+><\/i>)/', $title, $icon_match);
        $icon = !empty($icon_match[0]) ? $icon_match[0] : '';
        $text = preg_replace('/(<i[^>]+><\/i>)/', '', $title);
        
        // 构建输出结构：图标 + 带链接的文本
        $output .= '<li class="' . implode(' ', $item->classes) . '">';
        if ($icon) {
            $output .= $icon; // 图标直接输出，不包含在a标签内
        }
        $output .= '<a href="' . $url . '">' . $text . '</a></li>';
    }
}

2. 在主题调用菜单的位置（通常在header.php里），修改wp_nav_menu的参数，指定使用自定义的Walker：

wp_nav_menu(array(
    'theme_location' => 'primary', // 替换成你实际的菜单位置
    'walker' => new Custom_Menu_Walker()
));

注意：代码中的正则匹配规则需要根据你实际使用的图标HTML格式调整，比如如果你用的是<span class="icon"></span>，就要把正则里的<i[^>]+><\/i>改成<span[^>]+><\/span>。

方案二：使用钩子修改菜单链接输出 #

如果你不想自定义Walker类，也可以通过walker_nav_menu_start_el钩子来修改菜单元素的输出内容：

在当前主题的functions.php文件中添加以下代码：

add_filter('walker_nav_menu_start_el', 'split_menu_icon_and_link', 10, 4);
function split_menu_icon_and_link($item_output, $item, $depth, $args) {
    // 需根据实际图标格式调整正则
    if (preg_match('/(<i[^>]+><\/i>)(.*)<a href="([^"]+)"(.*)>(.*)<\/a>/', $item_output, $matches)) {
        $icon = $matches[1];
        $before_text = $matches[2];
        $url = $matches[3];
        $a_attrs = $matches[4];
        $text = $matches[5];
        
        // 重新构建输出：图标 + 带链接的文本
        $item_output = $before_text . $icon . '<a href="' . $url . '"' . $a_attrs . '>' . $text . '</a>';
    }
    return $item_output;
}

这个钩子会拦截默认的菜单元素输出，把图标从<a>标签里提取出来，重新拼接成图标在外、链接文本在内的结构。

注意事项 #

• 两种方案都需要你清楚自己菜单中图标的HTML格式，确保正则能准确匹配到图标部分；
• 修改主题文件前建议先备份，避免出错导致网站异常；
• 如果使用子主题，建议把代码添加到子主题的functions.php里，避免主题更新时代码丢失。

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