如何在 WordPress 菜单中添加未加链接的标题:详细指南

WordPress 网站菜单是网站导航中的一部分,可以帮助用户快速找到他们想要的信息。对于一些需要清晰组织的复杂菜单,使用未链接的标题(即不指向任何页面的标题)是一个非常有效的方法。

图片[1]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

为什么要在 WordPress 菜单中采用未链接的标题?

在设计网站时,使用未链接的标题有多个优势,尤其适用于有复杂导航结构的网站。下面是一些使用未链接标题的主要理由:

1. 组织子菜单

2. 增强用户体验

3. 改善导航流程

如何在 WordPress 菜单中添加未链接的标题

图片[2]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

接下来,逐步完成在 WordPress 菜单中添加未链接标题的过程。按以下简单的步骤,你也能够轻松实现这一功能。

步骤 1:转到菜单设置

  1. 登录到你的 WordPress 仪表盘。
  2. 在左侧导航栏中,找到并点击 外观 > 菜单。这里是你管理和编辑网站菜单的地方。
图片[3]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

注意: 如果你使用的是块主题(Block-based theme),则可能无法使用这种方式,因为块主题以不同的方式处理菜单。确保你使用的是支持经典菜单的主题。

步骤 2:添加自定义链接

  1. 菜单设置 页面,找到 添加菜单项 区域。
  2. 找到 自定义链接 选项,点击它展开设置区域。如果你看不到这个选项,可以向上滚动到页面顶部,点击 屏幕选项(右上角),然后勾选 自定义链接 复选框,以便显示该选项。
图片[4]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

步骤 3:设置临时 URL 和标题文本

  1. 自定义链接 中,输入一个临时的 URL 链接。你可以输入一个井号(#),这会使链接成为一个指向当前页面的占位符链接,点击后不会将用户重定向到其他页面。
图片[5]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构
  1. 链接文本 字段中,输入你想要显示在菜单中的标题文本。这个文本将成为菜单中的一部分,通常是一个类别名称或组标题。
  2. 输入完毕后,点击 添加到菜单 按钮。
图片[6]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

步骤 4:删除链接 URL,使其成为非链接标题

  1. 在菜单编辑区域,找到你刚刚添加的菜单项,点击其旁边的小箭头展开选项。
  2. URL 字段中删除掉井号(#),将该字段留空。这样,标题就不再指向任何页面,成为一个完全的非链接标题。
图片[7]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构
  1. 完成后,点击 保存菜单 按钮,保存你所做的更改。
图片[8]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

提示: 留空 URL 字段的操作是关键,它会使该菜单项不再具有任何链接功能

步骤 5:为标题添加子菜单

如果你想在该未链接标题下添加子菜单项,步骤如下:

  1. 添加菜单项 区域,选择你要作为子项的页面或自定义链接,并点击 添加到菜单
  2. 然后,在菜单编辑器中将这些子菜单项拖动到未链接标题下方,确保它们稍微向右偏移,这样它们就会显示为下拉子菜单项(也就是一级菜单到二级菜单)。
图片[9]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构
  1. 完成后,再次点击 保存菜单

步骤 6:检查菜单效果

最后,访问你的网站,检查菜单的效果。你应该能够看到你所添加的未链接标题。点击该标题时,用户不会被重定向到任何页面。如果你添加了子菜单项,它们将在鼠标悬停时显示出来,用户可以轻松查看并选择相关的子菜单项。

图片[10]-如何在 WordPress 网站菜单中添加未链接的标题以优化导航结构

常见问题解答

井号(#)是一个占位符,它使链接能够存在而不会导致页面跳转。将其设置为临时链接后,你就可以确保标题本身不可点击。

如果你使用的是块主题,菜单可能是通过全新的方法构建的。因此,这种方法可能不适用。你需要检查你的主题是否支持传统的菜单管理功能。

如果你想修改已经存在的菜单标题,只需返回到菜单设置页面,点击该菜单项旁边的小箭头进行编辑。你可以更改文本、删除链接或调整菜单项的层级结构。

当然!你可以通过自定义 CSS 或使用 WordPress 的菜单项类来为标题添加图标或样式。比如,你可以为每个菜单项指定图标,让导航看起来更具吸引力和功能性。

结语

通过这些简单的步骤,你可以轻松在 WordPress 菜单中添加未链接的标题,不仅可以改善网站的导航结构,还能提升用户体验。无论是用于组织子菜单,还是简化网站结构,这种方法都能帮助你创建更清晰和高效的菜单。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:xiesong
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容