创建WordPress主导航菜单:添加页面、分类与自定义链接

2025-10-19
约1分钟
2,217

导航菜单是网站的「指南针」,能帮访客访客快速找到所需内容。无论是博客的文章分类、企业站的服务页面,还是外部链接,都可以通过导航菜单清晰展示。本章节将手把手教你创建主导航菜单,并添加页面、分类和自定义链接,让访客轻松浏览你的网站。

一、认识 WordPress 导航菜单:基础概念

在开始操作前,先了解几个关键概念:

  • 主导航菜单:通常位于网站顶部(Header),是访客进入网站后最先看到的导航入口,包含核心页面(如首页、关于我们、联系我们等)。
  • 菜单位置:主题决定了菜单可放置的位置(如顶部导航栏、侧边栏、底部),主导航一般选择「顶部菜单」或「主菜单」位置。
  • 菜单元素:可添加到菜单中的内容包括「页面」(如已创建的「服务页」)、「分类」(如博客的「技术分享」分类)、「自定义链接」(如外部网站、邮箱链接)。

二、创建主导航菜单:基础设置

步骤 1:进入菜单管理界面

创建WordPress主导航菜单:添加页面、分类与自定义链接 - LikaCloud云计算
  1. 登录 WordPress 后台,点击左侧菜单栏「外观」→「菜单」,进入菜单编辑页面。
  2. 首次使用时,页面会提示「您没有创建任何菜单」,点击「创建新菜单」。

步骤 2:命名并创建菜单

  1. 在「菜单名称」中输入菜单名称(如「主导航」,仅用于后台识别,访客看不到)。
  2. 点击「创建菜单」按钮,系统会生成一个空白菜单,接下来就可以添加内容了。

步骤 3:设置菜单位置(关键!)

创建菜单后,需指定它在网站中的显示位置:

  1. 在页面右侧「菜单设置」→「显示位置」中,勾选主题提供的「主菜单」或「顶部菜单」(不同主题名称可能不同,如「Primary Menu」)。
  2. 点击「保存菜单」,确保设置生效(如果不勾选位置,菜单创建后也不会在前台显示)。

三、添加「页面」到导航菜单:链接站内页面

如果你的网站已经创建了核心页面(如「关于我们」「联系我们」),可以直接将它们添加到菜单:

创建WordPress主导航菜单:添加页面、分类与自定义链接 - LikaCloud云计算
  1. 在菜单编辑页面左侧,找到「页面」模块(默认显示最近创建的页面)。
  2. 勾选你想添加到菜单的页面(如「首页」「关于我们」「服务介绍」)。
  3. 点击「添加到菜单」按钮,选中的页面会出现在右侧的菜单列表中。
  4. 拖动菜单项可调整顺序(按住菜单项左侧的「≡」图标上下拖动)。
  5. 点击「保存菜单」,刷新网站前台,就能看到新增的页面链接了。

四、添加「分类」到导航菜单:整理博客内容

如果你的网站是博客或包含文章内容,建议将「文章分类」添加到菜单(如「教程」「资讯」),方便访客按分类浏览:

创建WordPress主导航菜单:添加页面、分类与自定义链接 - LikaCloud云计算
  1. 在菜单编辑页面左侧,点击「分类」模块(若未显示,点击右上角「屏幕选项」,勾选「分类」)。
  2. 勾选需要添加的分类(如「WordPress 教程」「设计技巧」)。
  3. 点击「添加到菜单」,分类会出现在菜单列表中(点击分类名称可修改显示文字)。
  4. 调整顺序后点击「保存菜单」,前台菜单会显示分类链接,点击后跳转到该分类下的所有文章。

五、添加「自定义链接」:链接外部网站或特殊地址

除了站内页面和分类,还可以添加自定义链接(如外部合作网站、社交媒体主页、邮箱地址等):

创建WordPress主导航菜单:添加页面、分类与自定义链接 - LikaCloud云计算
  1. 在菜单编辑页面左侧,找到「自定义链接」模块。
  2. 在「URL」中输入链接地址:
    • 外部网站:如 https://www.example.com(必须包含 http:// 或 https://)。
    • 社交媒体:如 https://weibo.com/你的账号 或 https://facebook.com/你的账号
    • 邮箱链接:输入 mailto:你的邮箱@example.com(点击会直接打开邮件客户端)。
  3. 在「链接文本」中输入菜单显示的文字(如「关注我们」「联系邮箱」)。
  4. 点击「添加到菜单」,自定义链接会加入菜单列表,调整顺序后「保存菜单」。

六、调整菜单结构:排序与层级

添加完菜单项后,可能需要调整顺序或设置层级(如二级菜单),让导航更有条理:

创建WordPress主导航菜单:添加页面、分类与自定义链接 - LikaCloud云计算

1. 调整顺序

按住菜单项左侧的「≡」图标,上下拖动到目标位置,松开鼠标即可。

2. 创建二级菜单(下拉菜单)

如果某个菜单项属于另一个菜单的子项(如「服务介绍」下有「网站建设」「品牌设计」),可以设置为二级菜单:

  1. 选中子菜单项(如「网站建设」),向右拖动,直到它与父菜单产生缩进(左侧出现虚线)。
  2. 松开鼠标后,子菜单项会自动成为父菜单的下拉项(前台鼠标悬停在父菜单上时显示)。
  3. 点击「保存菜单」,刷新前台查看效果。

示例

  • 父菜单:服务介绍
    • 二级菜单:网站建设
    • 二级菜单:品牌设计

七、常见问题解决

1. 菜单添加后前台不显示?

  • 检查「菜单设置」中是否勾选了正确的「显示位置」(如「主菜单」)。
  • 切换到网站前台,按 Ctrl+F5(Windows)或 Command+Shift+R(Mac)强制刷新缓存。
  • 确认当前使用的主题支持该菜单位置(有些简约主题可能只支持一个菜单位置)。

2. 想删除某个菜单项?

在菜单列表中,点击菜单项右侧的「▼」图标展开选项,点击「移除」,再「保存菜单」即可。

3. 想修改菜单项的显示文字?

点击菜单项右侧的「▼」图标,在「导航标签」中修改文字(如将「页面标题」改为更简洁的「首页」),保存即可。

八、新手小贴士

  • 控制菜单数量:主导航菜单建议不超过 5-7 个菜单项,太多会显得杂乱(次要内容可放在二级菜单或底部导航)。
  • 优先核心内容:将访客最可能点击的内容(如首页、服务、联系页)放在菜单最左侧(视觉焦点位置)。
  • 定期检查链接:发布后点击菜单中的每个链接,确保能正常跳转(避免页面删除后链接失效)。

通过以上步骤,你已经掌握了创建导航菜单的核心技能。一个清晰的导航菜单能显著提升访客体验,让他们轻松找到需要的内容。接下来可以学习「菜单位置设置」和「下拉菜单优化」,让导航更专业!

标签: