宝子们，刚用 WordPress 建站时，是不是总被导航菜单搞得团团转？想让访客轻松找到页面，却发现菜单要么不显示，要么乱成一团？别担心！今天就手把手教大家搞定「导航菜单调用」，就算是建站小白也能秒变高手～
一、搞懂导航菜单：它到底是什么？
💡 导航菜单就像网站的「路标」，能让访客快速跳转不同页面。但 WordPress 不会自动生成菜单，需要我们先创建再调用。
❓ 为什么要手动调用？
举个🌰：你在后台创建了「首页 / 产品 / 关于我们」的菜单，但没告诉主题 “这里要显示菜单”，它就会像迷路的小羔羊一样 “躲起来”。所以学会调用，是让菜单「现身」的关键！
二、后台设置：先创建你的专属菜单
这是最简单的调用方式，不需要写一行代码，跟着步骤走就行～
🌟 操作步骤：
- 进入菜单管理
登录 WordPress 后台，点击左侧「外观」→「菜单」，点击「创建新菜单」，取个名字（比如 “顶部主导航”），点击「创建菜单」。 - 添加菜单项目
在右侧「菜单内容」里，勾选想加入菜单的页面、文章或自定义链接，点击「添加到菜单」。还能拖拽调整顺序，长按菜单名可以创建子菜单（二级菜单自动缩进，超方便！）。 - 指定菜单位置
重点来啦！在「菜单设置」下方的「分配菜单」里，选择主题预设的菜单位置（比如 “顶部菜单”“页脚菜单”），不同主题位置名称可能不同（常见的有 Primary Menu、Header Menu 等），选好后点击「保存菜单」。
✅ 这样一来，菜单就会显示在主题对应的位置啦～ 快去前台看看，是不是已经乖乖出现了？
三、代码调用：进阶玩家的个性化方案
如果想自定义菜单显示位置（比如侧边栏、页脚某个角落），就需要用代码调用。别怕，代码很简单，复制粘贴就能用！
📝 常用代码：
<?php wp_nav_menu( array(
'theme_location' => '菜单位置名称', // 填后台设置的菜单位置，比如'primary-menu'
'menu_name' => '菜单名称', // 填你创建的菜单名字，比如'顶部主导航'
'container' => 'nav', // 包裹菜单的HTML标签，通常用'nav'
'menu_class' => 'menu-class', // 自定义菜单CSS类，方便后续样式修改
) ); ?>
✨ 怎么用？
- 先去后台「外观」→「菜单」，记下你设置的「菜单位置名称」（在创建菜单时，主题会提示可分配的位置，比如 “顶部菜单” 对应的名称可能是 primary）。
- 打开主题的模板文件（比如 header.php、footer.php 或 sidebar.php），找到想显示菜单的位置，把代码粘贴进去。
- 保存文件，刷新网站，自定义位置的菜单就出现啦～
⚠️ 新手注意：修改模板文件前，一定要备份！或者用「子主题」操作，避免更新主题后代码被覆盖。
四、常见问题：菜单不显示怎么办？
别急！按这几步排查：
| 问题现象 | 可能原因 | 解决方法 |
|---|---|---|
| 菜单位置空白 | 没在后台分配菜单位置 | 回到「外观→菜单」，在「分配菜单」里选择对应位置并保存 |
| 菜单显示乱码 | 代码调用时参数填错 | 检查 ‘theme_location’ 和 ‘menu_name’ 是否正确，区分大小写！ |
| 移动端菜单不折叠 | 主题未自带响应式菜单功能 | 可以安装插件（如「Max Mega Menu」），支持手机端折叠效果 |
五、独家技巧：让菜单更美观实用
- 添加图标更吸睛
可以给菜单项目加小图标（比如首页加🏠），用插件「Menu Icons」就能轻松实现，访客一眼就能看懂菜单功能。 - 高亮当前页面
WordPress 会自动给当前页面的菜单项添加 “current-menu-item” 类，通过 CSS 设置样式（比如改变颜色），让访客清楚自己所在位置，体验感拉满～ - 多语言菜单（进阶）
如果做外贸网站，安装「Polylang」或「WPML」插件，能创建不同语言的菜单，满足国际化需求！
现在再看导航菜单调用，是不是觉得超简单？无论是后台一键设置，还是代码自定义，核心就是 “先创建菜单→再告诉主题显示位置”。记得多试试不同的菜单样式和位置，找到最适合自己网站的布局～
最后分享个小经验：刚开始可能会遇到各种小问题，但每解决一次，对 WordPress 的理解就更深一层。建站就像搭积木，每个小功能掌握后，就能拼出超酷的网站啦～ 快去试试，让你的网站导航既好看又好用吧！🚀
