WordPress menu title attribute

New Page

How to Add Title Attribute in WordPress Navigation Menus

Last updated on January 30, 2017 by the editorial team | Reader Disclosure Disclosure : Our content is reader approved. This means that if you click on some of our links, we may earn a commission. Find out how WPBeginner is funded, why it matters, and how you can support us.

Share 189 Fresh Tweeter Fresh Facebook Messenger WhatsApp Email

Recently, one of our readers asked if there was a way to add a title attribute to WordPress menus. The title attribute allows you to provide additional information about a link. It often appears as tooltip text when the mouse hovers over the link. In this article, we will show you how to add a title attribute to WordPress navigation menus.

How to Add Title Attributes in WordPress Menus How to Add Title Attributes in WordPress Menus

Why use the title attribute in menus?

The title attribute is an HTML attribute that can be added to any element, but is most often used with links and images.

Allows you to provide additional information about the link or image. Check out our guide on the difference between image and title alt text.

Title attribute displayed as a tooltip for an image Title attribute displayed as a tooltip for an image

Web browsers typically display the title attribute on hover. This allows users to see where that link will take them before clicking on it.

Screen readers can also read the title attribute, but many screen readers will ignore it and only read the anchor text.

Some SEO experts think it’s not helpful, while others say it’s helpful for SEO because it lets you provide more context.

WordPress removed the title attribute from the link embed popup in version 4.2. However, you can easily add title and rel=nofollow options in the Insert Link popup.

That said, let’s see how to add a title attribute to WordPress navigation menus.

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Agregar atributo de título en los elementos del menú de navegación de WordPress

Primero debe visitar la página Apariencia » Menús y hacer clic en la pestaña ‘ Opciones de pantalla ‘ en la esquina superior derecha de la pantalla.

Enable title attribute for navigation menus in WordPress Enable title attribute for navigation menus in WordPress

Esto abrirá un menú en el que debe hacer clic en la casilla de verificación junto a la opción Atributo de título.

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.

Add title attribute to menu item Add title attribute to menu item

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.

Title displayed in tooltip Title displayed in 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.

Comparte 189 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

How to Add Title Attribute in WordPress Navigation Menus

Last updated on January 30th, 2017 by Editorial Staff | Reader DisclosureDisclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

Comparte 189 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

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.

How to Add Title Attributes in WordPress Menus How to Add Title Attributes in WordPress 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.

Title attribute displayed as a tooltip for an image Title attribute displayed as a tooltip for an image

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

Subscribe to WPBeginner

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.

Enable title attribute for navigation menus in WordPress Enable title attribute for navigation menus in WordPress

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.

Add title attribute to menu item Add title attribute to menu item

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.

Title displayed in tooltip Title displayed in 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.

Comparte 189 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

How to change my website’s menu navigation in WordPress

  • Created July 23, 2021
  • Category Getting Started with WordPress

WordPress offers an easy way to change the site navigation on your site.

To create or edit a navigation menu on your site, go to Appearance > Customize.

25133235

This will open the customizer. Once that has loaded, go to Menus.

48541461

To create a new menu, click on Add a Menu.

8877905

And then type a name for your new menu (this can be anything but should reflect the menus used or location). Once you have given your menu a name, click Create Menu.

35025659

Once you have created your menu, you then need to select one or more locations for your menu to be displayed. The number of possible locations will differ from theme to theme.

63821547

If you would like WordPress to automatically add new top-level pages to this menu as new navigation items, then click Automatically add new top-level pages to this menu.

27110125

After you have selected a location for your menu, you can then add navigation items to it by clicking Add items.

71405506

You then have several options depending on what items you want to add to your menu:

  • Custom links – generally a link to something outside your site but can be anything
  • Posts – a list of all your posts
  • Pages – a list of all the pages on your site and is most commonly what you will be using
  • Categories, Tags and Format – a link to the relevant archive page for the selected item

92004066

En la mayoría de las circunstancias, solo usará páginas en su menú. Para agregar una página existente a su menú, haga clic en Páginas .

40476401

Luego puede seleccionar la página que desea agregar a su menú.

93087904

To add a page as a sub-element, add it as above, then drag it to the right.

62547404

When you’re done adding pages to your menu, click Save & Publish .

99403598

Your menu is now saved and the navigation elements have been applied to your site navigation.

21603384

If you need help with your HostPapa account, please open a support ticket from your dashboard.


Video WordPress menu title attribute

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…