导航菜单是网站的「指南针」,能帮访客访客快速找到所需内容。无论是博客的文章分类、企业站的服务页面,还是外部链接,都可以通过导航菜单清晰展示。本章节将手把手教你创建主导航菜单,并添加页面、分类和自定义链接,让访客轻松浏览你的网站。
一、认识 WordPress 导航菜单:基础概念
在开始操作前,先了解几个关键概念:
- 主导航菜单:通常位于网站顶部(Header),是访客进入网站后最先看到的导航入口,包含核心页面(如首页、关于我们、联系我们等)。
- 菜单位置:主题决定了菜单可放置的位置(如顶部导航栏、侧边栏、底部),主导航一般选择「顶部菜单」或「主菜单」位置。
- 菜单元素:可添加到菜单中的内容包括「页面」(如已创建的「服务页」)、「分类」(如博客的「技术分享」分类)、「自定义链接」(如外部网站、邮箱链接)。
二、创建主导航菜单:基础设置
步骤 1:进入菜单管理界面
- 登录 WordPress 后台,点击左侧菜单栏「外观」→「菜单」,进入菜单编辑页面。
- 首次使用时,页面会提示「您没有创建任何菜单」,点击「创建新菜单」。
步骤 2:命名并创建菜单
- 在「菜单名称」中输入菜单名称(如「主导航」,仅用于后台识别,访客看不到)。
- 点击「创建菜单」按钮,系统会生成一个空白菜单,接下来就可以添加内容了。
步骤 3:设置菜单位置(关键!)
创建菜单后,需指定它在网站中的显示位置:
- 在页面右侧「菜单设置」→「显示位置」中,勾选主题提供的「主菜单」或「顶部菜单」(不同主题名称可能不同,如「Primary Menu」)。
- 点击「保存菜单」,确保设置生效(如果不勾选位置,菜单创建后也不会在前台显示)。
三、添加「页面」到导航菜单:链接站内页面
如果你的网站已经创建了核心页面(如「关于我们」「联系我们」),可以直接将它们添加到菜单:
- 在菜单编辑页面左侧,找到「页面」模块(默认显示最近创建的页面)。
- 勾选你想添加到菜单的页面(如「首页」「关于我们」「服务介绍」)。
- 点击「添加到菜单」按钮,选中的页面会出现在右侧的菜单列表中。
- 拖动菜单项可调整顺序(按住菜单项左侧的「≡」图标上下拖动)。
- 点击「保存菜单」,刷新网站前台,就能看到新增的页面链接了。
四、添加「分类」到导航菜单:整理博客内容
如果你的网站是博客或包含文章内容,建议将「文章分类」添加到菜单(如「教程」「资讯」),方便访客按分类浏览:
- 在菜单编辑页面左侧,点击「分类」模块(若未显示,点击右上角「屏幕选项」,勾选「分类」)。
- 勾选需要添加的分类(如「WordPress 教程」「设计技巧」)。
- 点击「添加到菜单」,分类会出现在菜单列表中(点击分类名称可修改显示文字)。
- 调整顺序后点击「保存菜单」,前台菜单会显示分类链接,点击后跳转到该分类下的所有文章。
五、添加「自定义链接」:链接外部网站或特殊地址
除了站内页面和分类,还可以添加自定义链接(如外部合作网站、社交媒体主页、邮箱地址等):
- 在菜单编辑页面左侧,找到「自定义链接」模块。
- 在「URL」中输入链接地址:
- 外部网站:如
https://www.example.com(必须包含http://或https://)。 - 社交媒体:如
https://weibo.com/你的账号或https://facebook.com/你的账号。 - 邮箱链接:输入
mailto:你的邮箱@example.com(点击会直接打开邮件客户端)。
- 外部网站:如
- 在「链接文本」中输入菜单显示的文字(如「关注我们」「联系邮箱」)。
- 点击「添加到菜单」,自定义链接会加入菜单列表,调整顺序后「保存菜单」。
六、调整菜单结构:排序与层级
添加完菜单项后,可能需要调整顺序或设置层级(如二级菜单),让导航更有条理:
1. 调整顺序
按住菜单项左侧的「≡」图标,上下拖动到目标位置,松开鼠标即可。
2. 创建二级菜单(下拉菜单)
如果某个菜单项属于另一个菜单的子项(如「服务介绍」下有「网站建设」「品牌设计」),可以设置为二级菜单:
- 选中子菜单项(如「网站建设」),向右拖动,直到它与父菜单产生缩进(左侧出现虚线)。
- 松开鼠标后,子菜单项会自动成为父菜单的下拉项(前台鼠标悬停在父菜单上时显示)。
- 点击「保存菜单」,刷新前台查看效果。
示例:
- 父菜单:服务介绍
- 二级菜单:网站建设
- 二级菜单:品牌设计
七、常见问题解决
1. 菜单添加后前台不显示?
- 检查「菜单设置」中是否勾选了正确的「显示位置」(如「主菜单」)。
- 切换到网站前台,按
Ctrl+F5(Windows)或Command+Shift+R(Mac)强制刷新缓存。 - 确认当前使用的主题支持该菜单位置(有些简约主题可能只支持一个菜单位置)。
2. 想删除某个菜单项?
在菜单列表中,点击菜单项右侧的「▼」图标展开选项,点击「移除」,再「保存菜单」即可。
3. 想修改菜单项的显示文字?
点击菜单项右侧的「▼」图标,在「导航标签」中修改文字(如将「页面标题」改为更简洁的「首页」),保存即可。
八、新手小贴士
- 控制菜单数量:主导航菜单建议不超过 5-7 个菜单项,太多会显得杂乱(次要内容可放在二级菜单或底部导航)。
- 优先核心内容:将访客最可能点击的内容(如首页、服务、联系页)放在菜单最左侧(视觉焦点位置)。
- 定期检查链接:发布后点击菜单中的每个链接,确保能正常跳转(避免页面删除后链接失效)。
通过以上步骤,你已经掌握了创建导航菜单的核心技能。一个清晰的导航菜单能显著提升访客体验,让他们轻松找到需要的内容。接下来可以学习「菜单位置设置」和「下拉菜单优化」,让导航更专业!