How to Add Title Attribute in WordPress Navigation Menus?

How to Add Title Attribute in WordPress Navigation Menus?

The easiest way of navigating on a site is via the navigation menu. Adding links to the navigation bar is not a complicated task, but adding only the link will not help the user in finding their way. The best thing to do is adding a title attribute in the navigation menus which allows the user to know more about the link. Title attributes are displayed whenever a user hovers the pointer or a specific link. With this title, you can provide some additional information about the page on which the link will redirect.

People who have used the previous version of WordPress knows that it was easier to add the title attribute in the WordPress navigation menus as it provided the users with an option to add this in the editor screen. However, the recent updates have removed this feature from the editor, but you can still add without any coding or plugin. If you are looking for the method, then here we present you with the complete process of how you can add the title attribute in the navigation bars effortlessly.

Step 1

The first thing you need to do is log in to your WordPress admin dashboard and head over to the Appearance> Menus page. Here you need to look for the Screen Options tab from the top right corner which will open a new menu.

Step 2

Here you can see different options including link target, CSS classes, and description, but you need to check the Title Attribute option. Once you click on the option, it will show you all the menus on your website.

Step 3

In the next step, you need to click on the desired menu item which will expand it to show different options. Here you can see the Title Attribute option where you need to enter the desired details about the page. Make sure to keep it precise and easy to understand so that your users could know about it. You can repeat the same process for all the preferred menus, but make sure to click on the Save Menu button every time you add a title.

If you want to test this title attribute, then open your site on a web browser and hover your mouse to the desired navigation menu. You can also customize the appearance of this attribute by adding fancy tooltips. To help you further with this, here it the complete guide on adding fancy tooltips on mouseover effect.

Step 1

In this process, you need to install and activate a plugin named as Simple Tooltips. Head over to your WordPress admin dashboard and navigate to the Plugins> Add New page. Now look out for the plugin and hit the Install Now button. Once you have successfully installed the plugin, you need to click on the activation link to activate the plugin.

Step 2

Once you have installed the plugin, you need to open your site in a web browser and look out for the CSS class of the desired menu via the Inspect tool. Note down the CSS class and navigate to the Settings > Simple Tooltips from the WordPress admin dashboard.

Step 3

Here you can see all the different configurations of the plugin, but for now, you need to look for the Menu Selectors (Advanced) field and enter the CSS class of the menu. Make sure to hit the Save Changes button to keep the changes.

Step 4

In the next step, you need to head back to the WordPress admin dashboard and open the Screen Options. Here you need to check the CSS Classes option and click on the menu in which you want to add the tooltips. Now all you need to do is enter Tooltips in the CSS Classes field and hit the save button. The title attribute that you added to the menu will be used for the tooltip.

Step 5

After adding the tooltip, you can now customize it as per your needs. To personalize the plugin, head over to the Settings> Simple Tooltips page from the admin area and set all the necessary settings. Here you can specify the max width, opacity, position, and color. Once you are done with that, you need to make sure to that you save the changes in the plugin. You can now visit your website and see the tooltips in action.

Simple Tooltips Configuration

Why Should You Add the Title Attribute in the Navigation Menus?

#1 Better SEO

One of the biggest reasons for adding the title attribute is that some people believe that it helps a website in getting a better ranking on the search engine result pages. Just like the alt tags, adding the title attributes with the necessary keywords or anchor texts might help you in improving your site’s SEO. However, you need to make sure that you are entering the right and informative title. In addition to that, your title attribute should be short and without any repetition for better rankings.

#2 Enhances User Experience

The best method to receive recurring traffic on a site is by improving the user experience of a website. By adding the title attributes to different navigation menus, you are helping your users in knowing more about the link. It will allow your users to get an idea of what they should expect from the page. However, you need to make sure that you do not add these attribute to every link on your website. Sometimes the link is self-explanatory which does not require additional information. For example, a homepage will link will undoubtedly take the user to the homepage of the website. In that case, the attribute is proven to be useless for the user. With that thing in mind, it is best that you only add the title attribute at the necessary menu items to boost the user experience.


This was the complete process of adding the title attribute in navigation menus. We have also mentioned the way to customize this tooltip to help you get the most out of it.

Leave a Reply

Your email address will not be published. Required fields are marked *

How to View and Control WordPress Cron Jobs?

How to View and Control WordPress Cron Jobs?

How to Disable Unwanted Widgets in WordPress?

Disable Unwanted Widgets in WordPress