A reader recently asked how to add title attributes to WordPress navigation menus. These attributes display helpful tooltip text when users hover over links, providing extra context. As WordPress experts with years of hands-on experience, we'll walk you through the process step by step.
The title attribute is a standard HTML feature commonly used on links and images to offer additional information. For more on this, see our guide on the difference between image alt text and title attributes.
Most browsers show the title as a tooltip on mouseover, helping users understand a link's destination before clicking. Screen readers may read it too, though many prioritize anchor text. SEO opinions vary—some see value in added context, others less so.
Note: WordPress removed the title option from the embed link popup in version 4.2, but you can restore it easily.
Let's get started adding title attributes to your navigation menus.
Subscribe to WPBeginner for more video tutorials. If you prefer text instructions, read on below.
Go to Appearance » Menus and click the Screen Options tab in the top-right corner.
Check the box next to Title Attribute.
Scroll down, expand any menu item, and you'll see the new title field.
Enter your desired tooltip text, repeat for other items, and click Save Menu.
Visit your site, hover over a menu link, and watch the tooltip appear.
For advanced effects, use jQuery to create custom tooltips on hover.
This quick tweak enhances usability. For more, check our 15 best WordPress navigation menu tutorials.
If this helped, subscribe to our YouTube channel, follow us on Twitter and Facebook.
