为何wp_nav_menu()无法移除菜单的div容器？

你遇到的这种情况，常见原因及对应解决方法如下：

1. 主题/插件通过过滤器强制添加容器 #

不少WordPress主题（尤其是自定义开发的主题）会借助wp_nav_menu_args过滤器统一修改导航菜单参数，可能强制将container赋值为div。

• 排查方法：临时切换到WordPress默认主题（如Twenty Twenty-Four），若包裹div消失，即可确定是当前主题的问题。
• 解决方法：
  打开主题的functions.php文件，查找类似如下的过滤器代码：

  add_filter( 'wp_nav_menu_args', 'theme_custom_nav_args' );
  function theme_custom_nav_args( $args ) {
      $args['container'] = 'div';
      return $args;
  }
  

  你可以直接修改这段代码，或者在调用wp_nav_menu前后临时移除并恢复该过滤器：

  // 临时移除主题的导航参数过滤器
  remove_filter( 'wp_nav_menu_args', 'theme_custom_nav_args' );
  // 调用导航菜单
  wp_nav_menu( array(
      'theme_location' => 'header-menu',
      'menu_id' => 'header-menu',
      'container' => false,
      'depth' => 2,
  ) );
  // 恢复主题的过滤器（若有其他菜单需要该设置）
  add_filter( 'wp_nav_menu_args', 'theme_custom_nav_args' );
  

2. 缓存导致的旧输出残留 #

如果网站开启了页面缓存、对象缓存（如Redis、Memcached），或使用了缓存插件（如WP Rocket、W3 Total Cache），可能会缓存未修改前的页面内容。此时只需清空所有缓存，再刷新页面即可看到效果。

3. 自定义Walker类硬编码容器 #

若你的导航菜单使用了自定义Walker类（参数中包含'walker' => new Custom_Walker()），需检查该Walker类的代码，看是否存在手动添加div容器的硬编码逻辑，修改对应代码即可移除多余的div。

4. 后台菜单设置的额外HTML #

进入WordPress后台「外观」→「菜单」，开启「屏幕选项」中的「CSS类」和「描述」，检查对应菜单或菜单项是否被添加了额外的div代码，删除即可。

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