WordPress导航菜单总搞不定？2025年最新手把手视频教程来了，1小时从零到熟练

Q: 设置了子菜单但不显示怎么办？

这个问题常见于菜单层级嵌套太深或主题不支持多级菜单。建议最多只设置两级菜单结构。如果你用的是移动端主题，有些主题默认只显示一层菜单。你可以尝试减少菜单层级或切换主题查看是否恢复正常。

WordPress导航菜单总搞不定？2025年最新手把手视频教程来了，1小时从零到熟练一

本文知识重点目录▼CloseOpen

从头开始，搞懂WordPress导航菜单的基础结构
除了设置菜单，这些细节也别忽略
动手试试，有问题随时回来翻一翻

其实 WordPress 导航菜单并没有听起来那么玄乎。只要你摸清了它的套路，从创建到发布整个流程其实很直观。我在去年帮一个做美食博客的朋友调整菜单结构，结果一周内跳出率下降了15%，读者反馈说“终于知道该怎么找了”。这让我意识到，很多人不是不想设置好菜单，而是压根不知道该怎么正确地设置。

今天我想跟你聊聊我亲测有效的操作方式，不玩虚的，也不绕弯子。整个流程你完全可以自己动手，不用找人帮忙。哪怕你是个新手，从零开始操作，1小时内也能搞定。我会一步步讲清楚，为什么菜单要这样设置，哪些地方最容易踩坑，以及怎么检查有没有设置错。咱们不说专业术语，就用日常的话讲明白。你可以边看边操作，随时验证效果。如果你之前设置过菜单但一直出问题，那更你跟着一步步来，说不定就是某个小细节被忽略了。

从头开始，搞懂WordPress导航菜单的基础结构

导航菜单其实就是一个网站的“路标”，告诉访客该怎么走。你有没有遇到过这样的情况？明明写了很多内容，但读者就是找不到，最后只能跳出页面。我之前就遇到一个客户，他做了一个旅游攻略网站，内容很全，但首页导航混乱，导致用户根本找不到重点。后来我们重新整理了菜单结构，把地区分类、热门城市和旅行攻略分成了三个主菜单项，点击率立刻提升了。

WordPress 的菜单系统是基于“菜单项”来工作的。你可以把它理解成一个“清单”，你添加的每个页面、分类、自定义链接，都会变成清单里的一项。接下来你可以拖动它们来调整顺序，或者把它们拖进子菜单里，形成一个层级结构。比如你有一个“旅行攻略”的主菜单，下面可以放“亚洲攻略”“欧洲攻略”这样的子菜单。

我你先在后台打开“外观 > 菜单”，你会看到一个空白区域，提示你新建一个菜单。这时候你就可以起个名字，比如“主菜单”或者“底部导航”，然后添加你想展示的页面、分类或者自定义链接。添加完之后，你会发现它们是平铺的，没有层级之分。这个时候你就可以用鼠标拖动，把你想设为子菜单的项目往右拖一点，它就会自动缩进成为上级菜单的子项。

别小看这个拖动操作，很多人就是在这里出错了。比如菜单层级嵌套太深，导致手机端显示不出来；或者链接设置错了，用户点进去跳转到404页面。这些细节都会影响体验。你可以在设置完之后，先别急着保存，点“预览”看看菜单的层级和显示效果是否符合预期。我之前有个朋友就是在设置子菜单的时候没注意缩进层级，结果移动端菜单直接不显示了。

还有一个容易忽略的地方是“菜单位置”设置。很多主题支持多个菜单区域，比如顶部菜单、侧边栏菜单、底部菜单。如果你设置了菜单但没选择对应的主题位置，那它也不会出现在前台页面上。这个我在帮朋友调试的时候就遇到过，明明菜单设置了，但前台就是不显示，最后发现是“菜单位置”没勾选。

设置完菜单之后，别忘了点“保存菜单”按钮，然后去前台页面刷新一下看看是否生效。如果菜单项显示出来，但样式不对，那你可能还需要调整一下CSS样式或者主题设置。不过那是另一个话题了，咱们先确保菜单结构本身是对的。

子菜单层级别太深，避免手机端显示异常

我在帮一个电商客户做优化时就踩过这个坑。他的导航菜单嵌套了三层子菜单，看起来挺整齐，但到了手机端，第三层菜单根本显示不出来。因为大部分主题在移动端默认只支持两层菜单结构，太深的层级会被自动隐藏或者折叠掉。

我你在设置子菜单的时候，最多只嵌套两层。比如主菜单是“产品分类”，子菜单是“男装”“女装”，再下一层可以是“T恤”“裤子”，但千万别超过三级。否则用户在手机上点来点去都找不到内容，很容易就关掉页面了。

别忘记“菜单位置”设置，不然菜单白搭

很多人设置了菜单，但前台就是看不到，结果一查才发现是“菜单位置”没勾选。这个问题我在多个客户案例中都遇到过。你可以在菜单页面底部看到一个“菜单位置”的选项，这里通常会列出主题支持的几个菜单区域。比如“顶部导航”“底部导航”等。

你可以根据你的需求，选择一个合适的位置。如果你的主题支持多个菜单区域，那你可以创建多个菜单，分别设置到不同的位置。比如一个菜单用于顶部导航，一个用于底部链接。这样前台就能正常显示了。

设置完记得刷新前台页面，确认菜单是否生效

设置完菜单后，千万别急着走开，一定要去前台页面刷新一下，确认菜单是否真的显示出来了。有时候你设置了菜单，但可能没保存，或者勾错了菜单位置，导致前台不显示。

我你在保存菜单后，打开你的网站主页，把页面刷新一下，然后看看顶部或者侧边栏有没有你的菜单项。如果没看到，可以再去后台检查一下“菜单位置”是否正确，或者有没有拼写错误。

可以用预览功能提前检查菜单显示效果

在菜单编辑页面，你通常会看到一个“预览”按钮。点进去之后，你可以看到菜单的层级结构是否正确，有没有子菜单缩进不对，或者菜单项顺序混乱的问题。这个功能特别适合新手，可以提前发现很多隐藏的问题。

我之前帮一个客户调试菜单时，就是靠“预览”功能发现了一个子菜单项没缩进的问题。如果当时没预览，直接保存，用户就会看到一个混乱的菜单结构。

除了设置菜单，这些细节也别忽略

菜单设置好了，不代表就万事大吉了。你还需要做一些细节检查，比如菜单项的链接是否正确、是否设置了打开方式（新窗口/当前窗口）、甚至有没有拼写错误。

WordPress导航菜单总搞不定？2025年最新手把手视频教程来了，1小时从零到熟练二

我之前就遇到一个客户，菜单项的链接地址拼错了，少了个“s”，导致 HTTPS 页面跳转到了 HTTP，浏览器直接弹出“不安全连接”的警告。这种小错误很容易被忽略，但对用户体验影响很大。

还有一种情况是，菜单项设置成了“新窗口打开”，但用户以为是当前页面跳转，导致页面突然多出一个标签页，感觉有点被打断。这类设置其实可以依据内容类型来判断，比如如果是外部链接（比如你的合作伙伴网站），可以考虑“新窗口打开”；但如果是在自己网站内跳转，保持当前窗口会更自然。

还有一个小技巧是，菜单项的标题可以稍微改一下，让它更吸引点击。比如把“关于我们”改成“来认识我们”，或者“联系我们”改成“随时找我们聊聊”。虽然这只是文字上的小改动，但能增加用户的点击意愿。

链接地址要正确，别拼错或者跳转错页面

菜单项的链接地址是最容易出错的地方。我你设置完之后，先手动点进去测试一下，看看是不是正确的页面。有时候一不小心复制错了链接，或者手动输入时少了一个字母，就会导致用户点进去出现404错误页面。

外部链接可以考虑设置成“新窗口打开”，避免用户离开网站

如果你的菜单项是外部链接，比如你有一个“合作伙伴”菜单，指向别的网站，那你可以勾选“在新窗口中打开”。这样用户点进去不会跳转走，还能留在你的网站。

菜单项标题别太死板，适当优化更吸引点击

菜单项的标题也可以稍微优化一下。比如“关于我们”可以改成“了解我们”，“服务内容”可以改成“我们能帮你做什么”。这样看起来更亲切，也能增加点击率。

设置完菜单后，记得检查移动端显示效果

现在很多用户都是用手机浏览网站，所以菜单在移动端的显示效果也很重要。你可以在手机上打开自己的网站，看看菜单是否正常显示，子菜单能不能正常展开，有没有被折叠掉或者看不见。

动手试试，有问题随时回来翻一翻

现在你已经知道怎么设置 WordPress 导航菜单了。从创建菜单到设置层级，再到检查链接和移动端显示，每一步其实都不复杂，关键是细节要到位。你可以在自己的网站上试一试，一步步来，遇到问题随时回来翻一翻，别怕折腾。

如果你是新手，我你先从最简单的菜单开始，比如一个主菜单，几个页面链接，然后慢慢加子菜单或者外部链接。等你熟练了，再尝试更复杂的结构也没问题。关键是动手，别光看不练。

如果你照着做了一遍，发现还是有问题，也可以留言告诉我，我帮你一起看看哪里卡住了。毕竟 WordPress 菜单看似简单，但真操作起来，还是有很多小细节容易出错的。别急，咱们一步步来。

菜单设置完前台页面看不到，这个问题其实很常见，我自己也踩过坑。最大的可能是你创建了菜单，但没指定它显示在网站的哪个位置。在菜单编辑页面底部有个“菜单位置”选项，这里会列出你当前主题支持的菜单区域，比如顶部导航、底部导航或者侧边栏。如果你没勾选任何一个位置，那菜单自然不会出现在前台。我之前帮朋友调试的时候，他明明菜单都设置好了，但就是不显示，最后才发现是这一步漏掉了。

还有一个容易忽略的情况是，即使你正确设置了菜单位置，前台也可能因为浏览器缓存问题没有及时刷新。特别是如果你用了某些缓存插件，比如 WP Super Cache 或者 W3 Total Cache，那需要手动清一下缓存才行。我你在保存菜单之后，先清掉浏览器缓存，然后用无痕模式打开网站页面，这样能看到最真实的效果。有时候就是这些小细节卡住了，不是菜单设置有问题，而是前端没更新过来。