如何修改WordPress菜单结构（从ul>li改为nav>a）

要实现直接在<nav>标签内输出<a>标签的菜单结构，你可以通过以下两种方法修改wp_nav_menu的行为：

方法一：自定义Walker类（推荐，灵活可控） #

WordPress的菜单输出依赖Walker类生成HTML结构，我们可以自定义一个Walker来跳过<ul>和<li>标签，直接输出<a>元素。

1. 在主题的functions.php文件中添加以下自定义Walker类：

class Walker_Nav_Menu_No_List extends Walker_Nav_Menu {
    // 生成菜单项的开始标签，直接输出<a>
    function start_el(&$output, $item, $depth = 0, $args = null, $id = 0) {
        $output .= '<a href="' . esc_url($item->url) . '"';
        // 保留菜单项的自定义类名（可选）
        if (!empty($item->classes)) {
            $output .= ' class="' . esc_attr(implode(' ', $item->classes)) . '"';
        }
        $output .= '>' . esc_html($item->title) . '</a>';
    }

    // 跳过<ul>的开始标签
    function start_lvl(&$output, $depth = 0, $args = null) {}
    // 跳过<ul>的结束标签
    function end_lvl(&$output, $depth = 0, $args = null) {}
    // 跳过<li>的结束标签
    function end_el(&$output, $item, $depth = 0, $args = null) {}
}

2. 修改你的wp_nav_menu调用代码，指定使用这个自定义Walker，并去掉外层的<ul>：

<?php 
wp_nav_menu(
    array(
        'menu' => 'Top Mid',
        'container' => 'nav',
        'container_class' => '',
        'theme_location' => 'Top Mid',
        'items_wrap' => '%3$s', // 仅输出菜单项内容，不包裹<ul>
        'walker' => new Walker_Nav_Menu_No_List()
    )
);
?>

方法二：使用过滤器快速修改（适合简单场景） #

如果你不想写自定义Walker，可以通过wp_nav_menu_items过滤器移除<li>标签，同时修改items_wrap去掉<ul>。

1. 在主题的functions.php中添加过滤器：

add_filter('wp_nav_menu_items', 'remove_menu_list_tags', 10, 2);
function remove_menu_list_tags($items, $args) {
    // 仅针对目标菜单生效，避免影响其他菜单
    if ($args->theme_location == 'Top Mid' || $args->menu == 'Top Mid') {
        // 移除所有<li>标签，保留内部的<a>元素
        $items = preg_replace('/<li[^>]*>(.*?)<\/li>/is', '$1', $items);
    }
    return $items;
}

2. 调整wp_nav_menu的调用参数：

<?php 
wp_nav_menu(
    array(
        'menu' => 'Top Mid',
        'container' => 'nav',
        'container_class' => '',
        'theme_location' => 'Top Mid',
        'items_wrap' => '%3$s' // 去掉外层<ul>
    )
);
?>

两种方法对比 #

• 自定义Walker：逻辑清晰，支持扩展（比如处理子菜单、添加额外属性），适合复杂需求。
• 过滤器方法：代码量少，快速实现，但依赖正则替换，对复杂菜单结构兼容性稍差。

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