You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何重新排序WordPress主菜单?(对象为独立菜单而非菜单项)

调整WordPress独立自定义菜单的横向排列顺序

没问题!调整这些独立菜单的显示顺序,分两种常见情况来操作,你可以根据自己的主题情况选合适的方法:

情况1:主题支持后台可视化调整

不少主题会在后台提供菜单位置的排序功能,你可以先试试这个更简单的方法:

  • 登录WordPress后台,进入外观 > 自定义(有些主题是在专门的「主题设置」面板里)
  • 找到和导航/菜单布局相关的设置项,比如「菜单位置排序」或者「顶部导航布局」
  • 找到那四个独立菜单的列表,直接拖拽它们改成你要的顺序:Service Guide → Support → Company Info → Others
  • 保存设置后,刷新前端页面就能看到效果啦

情况2:修改主题代码调整调用顺序

如果主题没有后台调整的选项,那就需要修改主题的模板文件了,别担心,步骤很清晰:

  1. 登录后台后,进入外观 > 主题文件编辑器
  2. 右侧文件列表里找到header.php(划重点:如果用了子主题,一定要编辑子主题的文件!不然主题更新后修改会丢失)
  3. 找到调用这四个菜单的代码,通常是wp_nav_menu()函数,原来的代码大概是这样的:
    // 原来的调用顺序
    wp_nav_menu( array( 'theme_location' => 'company-info', 'container' => false ) );
    wp_nav_menu( array( 'theme_location' => 'service-guide', 'container' => false ) );
    wp_nav_menu( array( 'theme_location' => 'support', 'container' => false ) );
    wp_nav_menu( array( 'theme_location' => 'others', 'container' => false ) );
    
  4. 把这些函数的顺序调整成你想要的:
    // 修改后的调用顺序
    wp_nav_menu( array( 'theme_location' => 'service-guide', 'container' => false ) );
    wp_nav_menu( array( 'theme_location' => 'support', 'container' => false ) );
    wp_nav_menu( array( 'theme_location' => 'company-info', 'container' => false ) );
    wp_nav_menu( array( 'theme_location' => 'others', 'container' => false ) );
    
  5. 点击「更新文件」保存,刷新前端页面就能看到顺序变化了

小提示

  • 如果你不确定每个菜单对应的theme_location参数值,可以去外观 > 菜单,在菜单编辑页右侧的「菜单设置」里查看每个菜单绑定的「主题位置」
  • 要是在header.php里找不到菜单代码,可能是在其他模板文件里,比如template-parts/header/navigation.php这类,根据主题的文件结构找找看就行

内容的提问来源于stack exchange,提问作者Mahfuz Kamal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 11:57:50