最近,我们的一位读者询问是否有办法在WordPress菜单中添加title属性标题属性允许您提供有关链接的额外信息。当鼠标在链接上移动时,它通常显示为工具提示文本。在本文中,我们将向您展示如何在WordPress导航菜单中添加title属性

How to Add the Title Attributes in WordPress Menus

为什么在菜单中使用标题属性

标题属性是一个可以添加到任何元素的HTML属性,但它最常用于链接和图像。

它允许您提供有关链接或图像的其他信息。请参阅我们的指南,了解图像alt文本与标题之间的区别。

Title attribute displayed as a tooltip for an image

通常,Web浏览器在鼠标悬停时显示title属性。这样,用户可以在点击链接之前查看此链接的位置。

屏幕阅读器也可能会读取title属性,但许多屏幕阅读器会忽略它,并且只会读取锚文本。

一些SEO专家认为它没用,而其他人声称它对SEO有用,因为它允许你提供更多的上下文。

WordPress从版本4.2中的插入链接弹出中删除了title属性。但是,您可以在插入链接弹出窗口中轻松添加title和rel = nofollow选项。

话虽如此,让我们来看看如何在WordPress导航菜单中添加title属性

添加标题属性WordPress导航菜单项

首先,您需要访问外观»菜单页面,然后单击屏幕右上角的“屏幕选项”选项卡。

Enable title attribute for navigation menus in WordPress

这将打开一个菜单,您需要单击“标题属性”选项旁边的复选框。

之后,只需向下滚动并单击现有菜单中的任何菜单项即可展开它。您现在将看到title属性字段。

Add title attribute to the menu item

您现在可以添加要用作标题的文本,然后在导航菜单中为所有菜单项重复该文本。

不要忘记单击保存菜单按钮来存储您的更改。

您现在可以访问您的网站并将鼠标移至导航菜单中的链接。您将看到标题属性显示为工具提示。

Title displayed in tooltip

您可以通过在鼠标悬停效果上添加花哨的工具提示,进一步使用jQuery获取标题属性。

我们希望本文帮助您学习如何在WordPress导航菜单中添加标题属性。您可能还想查看我们的15个最佳教程列表,以掌握WordPress导航菜单。