WordPress导航菜单设置保姆级教程 新手零踩坑上手全攻略

先唠明白：WordPress导航菜单到底是啥“硬通货”

咱就说，你开个网红苍蝇馆，菜做的比米其林还香，结果门口路牌一会指卫生间一会指后厨，客人进来转三圈找不到毛血旺在哪，转头就走了对吧？WordPress导航菜单就是你网站的导览路牌，用户进来第一眼看的就是它，你要是搞不明白，流量来了都留不住。

我当年刚碰WordPress的时候踩过的坑能绕我家小区三圈，什么菜单不显示、移动端折叠失效、分类加不进去，今天这篇WordPress导航菜单设置教程给你把坑全填上，保证你看完就能上手，不用求别人。

WordPress导航菜单设置第一步：先把“原料”备齐

咱做饭得先备菜对吧？搞WordPress导航菜单设置也一样，你得先想清楚你要放啥东西上去，就像你饭店路牌要标啥：首页啊（就是大堂）、文章分类啊（就是不同菜系的包间：川菜馆、粤菜馆、家常菜）、单页啊（就是特色服务区：收银台、卫生间、会员中心）、自定义链接啊（就是你外接的外卖平台跳转对吧）。

新手最容易犯的错就是啥都往上堆，恨不得把你家后厨地址都标路牌上，没必要啊！控制在5-8个是最好的，用户一眼能扫完，多了反而记不住。备完菜你就登录WordPress后台，找到外观-菜单，点进去就是咱们的操作主阵地了，我当年傻呵呵找了10分钟才找到这个入口，别学我啊。

手把手教你搞：WordPress导航菜单设置核心操作

第一步：新建菜单，先把“牌子”立起来

进去之后你先找右上角的“创建新菜单”，给你的菜单起个名字，比如“顶部主菜单”“移动端汉堡菜单”，这个名字只有你后台能看见，就像你给路牌起个内部编号，随便起自己能认出来就行，起完点创建菜单就行，是不是超简单？

第二步：加菜单项，把你要的“路标”都怼上去

左边框里就是你能加的所有选项：要加首页就勾首页，要加文章分类就勾对应的分类，要加自定义链接就把链接和锚文本填进去，选完了点添加到菜单，右边就会显示你加的所有菜单项了。

这里我要给你提个我踩过的大坑啊！当年我加了个分类，结果分类改了slug，菜单链接直接404，客人顺着路牌直接掉沟里了，后来才知道你要是加的是WordPress自带的分类、页面、文章，它会自动跟着更新链接，要是你填的自定义链接，改了对应地址一定要回来改菜单，不然坑死你。

对了，顺序你直接拖拽就行，想放哪拖哪，就跟你排路牌顺序一样，想把大堂放第一个就拖最上面，想把会员专区放后面就拖后面，完全不用敲代码，对新手太友好了。还有子菜单对吧？就是二级导航，你把要当子项的菜单项往父项下面拖一点，它会自动缩进，就成子菜单了，就像你川菜包间下面再分毛血旺、水煮鱼的小路标，逻辑顺的很。

第三步：分配显示位置，把“路牌”挂对地方

很多新手搞完前面两步哭着说我菜单咋不显示啊？我当年也干过这事，搞了半小时菜单，刷新网站首页毛都没有，后来才知道没挂位置！你搞完菜单项之后，往下找菜单设置里的“显示位置”，不同主题的位置不一样，一般有“顶部主菜单”“页脚菜单”“移动端菜单”这几个，你想把这个菜单放哪就勾哪个，勾完了点保存菜单，刷新网站你就看见你的新路牌挂上了！

哦对了，这里还要提一嘴，要是你用的是块主题，那你得去站点编辑器里面加菜单模块，不过大部分常用的普通主题都是刚才的操作，要是你是块主题搞不懂的可以评论区问我，我给你掰扯明白。

WordPress导航菜单设置进阶玩法，帮你把“路牌”玩出花

刚才是基础操作，够用是够用，但是咱要搞就得搞的舒服对吧？给你说几个我常用的小技巧，全是踩坑踩出来的干货。

第一个，给菜单加图标，就像你给路牌加个小表情，首页加个小房子，分类加个小书本，用户一眼就知道是啥，怎么搞？不用装插件，你去阿里巴巴矢量库找你要的图标，复制svg代码，直接粘到菜单项的“导航标签”里面就行，或者你嫌麻烦装个Menu Icon插件也行，点几下就加上了。

第二个，自定义菜单打开方式，比如你加的是外链，不想让用户跳走，就把菜单项的在新标签页中打开勾上，怎么找？点右上角的“显示选项”，把“链接目标”勾上，每个菜单项展开就有这个选项了，我当年不知道这个，用户点外链直接跑了，流量丢了老多，哭都没地方哭。

第三个，给特定菜单项加样式，比如你想把“联系我们”做成按钮样式，更显眼，你还是点开右上角显示选项，把“CSS类”勾上，给对应的菜单项加个自定义类名比如menu-contact-btn，然后往主题自定义CSS里粘几行代码就行，我给你写好现成的，直接抄：

``` .menu-contact-btn{ background: ff5722; color: fff; padding: 6px 12px; border-radius: 4px; } ```

改改颜色数值就能用，超简单。

第四个，移动端菜单适配，别搞完PC端就不管了，现在70%的流量都是移动端的，你搞完一定要拿手机看看，汉堡菜单点不开、子菜单折叠失效都是常事，要是你主题自带的移动端菜单不好用，装个WP Mobile Menu插件，啥问题都解决了，我用了五六年了，稳得很。

WordPress导航菜单设置常见坑，我帮你全踩过了

• 菜单显示不全？别慌，大概率是你PHP的max_input_vars参数设置太低了，去php.ini里面把这个值调到2000以上就行，要是你不会找主机商，分分钟给你搞定，我上次菜单加了20多个子项就给我吞了一半，找主机商调完就好了。
• 菜单高亮不对？就是当前页面对应的菜单项不亮，大概率是你加的是自定义链接，地址写的不全，比如你写的是/category，最好写成完整的带域名的地址，或者直接选自带的分类项，就不会有这个问题。
• 菜单改完不生效？大概率是缓存问题，清一下网站缓存、浏览器缓存，实在不行强刷一下（Ctrl+F5），基本都能解决，别上来就拆代码，没必要。

你看，其实WordPress导航菜单设置真的没那么难，我当年刚接触的时候以为要写几百行代码，搞的头都大，其实跟着步骤来，半小时就能搞的明明白白。咱做网站就跟开小饭馆一样，路牌摆清楚了，客人进来才能舒舒服服的逛，流量才能留得住，赚的钱才能揣兜里对吧？要是你搞WordPress导航菜单设置的时候还有啥搞不懂的，评论区留个言，我看到就回，毕竟我踩过的坑比你吃过的盐还多，保证给你整明白，咱普通人做网站，就得踏踏实实的，一步一步来，啥都能学会，加油干就完了！