在WordPress菜单中添加标题而不链接到页面上教程

在WordPress菜单中添加标题而不链接到页面上教程插图

WordPress可以为你的网站提供无穷无尽的自定义选项,然而弄清楚如何应用其中的一些选项可能不是很明显。比如其中一个例子是在你的菜单中添加一个标题,而不链接到一个页面。幸运的是,这个过程可以是快速和简单的。通过调整一些选项,并在你的网站上添加一些CSS,你可以将标题纳入你的WordPress菜单,而不需要添加链接来配合它们。

在本教程中,搬主题将介绍一些你可能想在你的WordPress菜单中添加一个不可点击的标题的原因,然后通过三个简单的步骤来设置一个。

一、为什么要在WordPress菜单中添加标题而不链接到页面

菜单主要是为了使你的网站易于浏览,添加一个没有链接的标题似乎会适得其反,但它可以成为一个有用的组织工具,使你的用户能够快速找到他们需要的信息。

这方面的一个主要应用是使用一个没有链接的菜单项来对有链接的子项进行分类。例如,这里有一个名为 “联系我们 “的父标题,它没有任何链接。

在WordPress菜单中添加标题而不链接到页面上教程插图1

相反,”联系我们”作为功能性子项的父项,用户可以通过电子邮件、电话或进入一个实体店联系。这样,访问者可以直接跳到他们喜欢的联系方法,而不是点击一个联系页面的链接并滚动浏览所有选项。如果你想在你的网站上一致地显示一个静态信息,无链接的菜单标题也会很有帮助。尽管这种方法可以完成工作,但如果这是你的目标,你可能会通过添加自定义页眉或页脚代码得到更好的服务。

二、在没有链接到页面的情况下在菜单中添加标题(3步)

在WordPress的菜单上添加标题而不链接到一个页面,这是一个简单的过程。一旦你知道了这些步骤,你就能在你需要的地方快速添加无链接的菜单标题。

第1步:选择或创建一个菜单

你需要做的第一件事是创建或编辑你想添加一个非链接标题的菜单。你可以在你的WordPress仪表板侧边栏中导航到外观>菜单。这将使你进入以下屏幕。

在WordPress菜单中添加标题而不链接到页面上教程插图2

在这里,如果你有的话,你当前的菜单应该已经出现在屏幕上。如果你想从头开始,请点击创建一个新菜单。

现在你已经选择了你要处理的菜单,你可以开始创建你的非链接菜单标题。导航到屏幕左侧的 “添加菜单项”面板,打开 “自定义链接 “选项卡,展开选项。

在WordPress菜单中添加标题而不链接到页面上教程插图3

这将显示两个字段。URL和链接文本。要使链接不可点击,只需在URL框中输入 # 。然后,在链接文本字段中键入你的非链接标题。在这个例子中,我选择了使用 “联系我们”标签。当你完成后,点击添加到菜单。如果你愿意,你可以在这个标题下面添加带有链接的子项目,并拖放菜单项目来安排它们。

第3步:使用CSS来防止光标在悬停时发生变化

前两个步骤帮助你制作了一个不链接到页面的菜单项。然而,将鼠标悬停在它上面的用户仍然会看到他们的光标变化,好像他们可以点击它。由于它不会指向任何地方,你可能想改变光标,以保持一致性。

幸运的是,这可以通过一点点的CSS轻松实现。在菜单界面,浏览到右上角并点击屏幕选项下拉菜单。这将为你提供几个选项。找到标有CSS类的选项。

在WordPress菜单中添加标题而不链接到页面上教程插图4

勾选此框并关闭 “屏幕选项 “菜单。然后,向下滚动到你网站的菜单。找到你之前做的没有链接的标题。

现在它的下面应该有一个额外的字段,标有CSS类(可选)。输入一个自定义的CSS类,以对应光标的变化(CSS代码将在接下来添加)。我在这里使用了unclickable来保持效果。

在WordPress菜单中添加标题而不链接到页面上教程插图5

在你确定了一个类别后,保存你的设置。然后,在侧边栏菜单中的 “外观”>”自定义 “打开WordPress的 “自定义”。

一旦你到了那里,导航到左边菜单底部的附加CSS标签。复制并粘贴以下代码:

.unclickable > a {
   pointer-events: none;
}

这里唯一的例外是,如果你在前面使用了unclickable以外的类。如果你这样做了,就用你给CSS类起的任何名字替换这一行。然后,你的CSS字段应该是这样的:

在WordPress菜单中添加标题而不链接到页面上教程插图6

一旦你输入了额外的CSS,这个变化就应该被反映出来。检查你的光标在悬停在你的非链接的菜单项上时,是否没有给你点击的选项。一旦你对你所做的改变感到满意,点击 “发布 “来保存设置。

在你完成这些步骤后,你应该已经为你的菜单添加了一个标题,而没有把它链接到一个页面,也没有让它出现可点击的情况。

三、最后总结

弄清楚如何在你的WordPress菜单上添加一个标题,而不把它链接到一个页面上,起初可能有点令人困惑。幸运的是,只要有一点指导,你就可以轻松地浏览这个过程。

在这篇文章中,我介绍了向你的WordPress菜单添加无链接的标题的三个简单步骤。

  1. 创建或选择你想使用的菜单
  2. 添加一个新的自定义链接菜单项
  3. 应用几行CSS,使光标在悬停时默认为一个指针
 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《在WordPress菜单中添加标题而不链接到页面上教程》
文章链接:https://www.banzhuti.com/wordpress-menu-add-titles-without-linking.html
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活