如何重新排序WordPress主菜单?(对象为独立菜单而非菜单项)
调整WordPress独立自定义菜单的横向排列顺序
没问题!调整这些独立菜单的显示顺序,分两种常见情况来操作,你可以根据自己的主题情况选合适的方法:
情况1:主题支持后台可视化调整
不少主题会在后台提供菜单位置的排序功能,你可以先试试这个更简单的方法:
- 登录WordPress后台,进入外观 > 自定义(有些主题是在专门的「主题设置」面板里)
- 找到和导航/菜单布局相关的设置项,比如「菜单位置排序」或者「顶部导航布局」
- 找到那四个独立菜单的列表,直接拖拽它们改成你要的顺序:Service Guide → Support → Company Info → Others
- 保存设置后,刷新前端页面就能看到效果啦
情况2:修改主题代码调整调用顺序
如果主题没有后台调整的选项,那就需要修改主题的模板文件了,别担心,步骤很清晰:
- 登录后台后,进入外观 > 主题文件编辑器
- 右侧文件列表里找到
header.php(划重点:如果用了子主题,一定要编辑子主题的文件!不然主题更新后修改会丢失) - 找到调用这四个菜单的代码,通常是
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 ) ); - 把这些函数的顺序调整成你想要的:
// 修改后的调用顺序 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 ) ); - 点击「更新文件」保存,刷新前端页面就能看到顺序变化了
小提示
- 如果你不确定每个菜单对应的
theme_location参数值,可以去外观 > 菜单,在菜单编辑页右侧的「菜单设置」里查看每个菜单绑定的「主题位置」 - 要是在
header.php里找不到菜单代码,可能是在其他模板文件里,比如template-parts/header/navigation.php这类,根据主题的文件结构找找看就行
内容的提问来源于stack exchange,提问作者Mahfuz Kamal
相关产品推荐
相关产品推荐

