Recently, one of our readers asked if there’s a way to add title attribute in WordPress menus? Title attribute allows you to provide extra information about a link. It often appears as tooltip text when the mouse moves over the link. In this article, we will show you how to add title attribute in WordPress navigation menus.
Why Use Title Attribute in Menus?
Title attribute is an HTML attribute that can be added to any element, but it is most commonly used with links and images.
It allows you to provide additional information about the link or the image. See our guide on the difference between what’s the difference between image alt text vs title.
Typically web browsers display the title attribute on mouseover. This allows users to see where this link will take them before they click on it.
Screen readers may also read title attribute, but many screen readers will ignore it and will only read the anchor text.
Some SEO experts believe that it is not useful while others claim it is useful for SEO as it allows you to provide more context.
WordPress removed title attribute from insert link popup in version 4.2. However, you can easily add the title and rel=nofollow options in insert link popup.
Having said that, let’s take a look at how to add title attribute in WordPress navigation menus.
Video Tutorial
If you don’t like the video or need more instructions, then continue reading.
Adding Title Attribute in WordPress Navigation Menu Items
First you need to visit Appearance » Menus page and click on the ‘Screen Options‘ tab in the top right corner of the screen.
This will bring down a menu where you need to click on the check box next to Title Attribute option.
After that, simply scroll down and click on any menu item in your existing menu to expand it. You will now see the title attribute field.
You can now add the text you want to use as title and then repeat it for all menu items in your navigation menu.
Don’t forget to click on the save menu button to store your changes.
You can now visit your website and take your mouse to a link in navigation menu. You will see the title attribute displayed as tooltip.
You can take title attributes even further with jQuery by adding fancy tooltips on mouseover effect.
We hope this article helped you learn how to add title attribute in WordPress navigation menus. You may also want to see our list of 15 best tutorials to master WordPress navigation menus.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
My God!
Thanks a lot, you are amazing people!
You’re welcome, glad our article was helpful
I don’t know why all the praises here but I’ve tried to follow a few of instructions from this site and NOTHING WORKS.
At least a few of our articles should work for every site, are you using WordPress.com with our WordPress.org tutorials? https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Wow, thank you! I’ve been tearing my hair out all day trying to inject the title attribute with the nav_menu_link_attributes, Nothing would work. This was so easy and worked great. I had no idea all that stuff was hidden in Screen Options. Thanks again!
Thanks, you saved me. A crystal clear tutorial.
This did not work at all for me. In the example screen shots you say to scroll down and click any menu item and expand it. The screen shot clearly shows URL, Navigation Lable, Title Attribute. But when I expand the menu item I want to edit, there IS NO URL associated with it. I am trying to make this one category read in ascending order (oldest to newest.)
Thank you very much for menu title attirube. I am turkish not speak english bro
Hi Hüsna,
You are welcome
i need to own-org website
Hi Kalanda,
Check out our step by step guide on how to start a WordPress blog.
nice tutorial
Thanks for this, did not even know this feature existed. You learn something new everyday.