Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir el atributo de título en los menús de navegación de WordPress

En WPBeginner, añadimos atributos de título a nuestras imágenes y enlaces. Cuando nuestros usuarios pasan el cursor sobre estos elementos, el atributo de título aparecerá en un mensaje / ventana emergente como una explicación útil.

Otro lugar útil para utilizar información emergente es el menú de navegación de WordPress. Añadiendo atributos de título a esos elementos del menú, puede dar a la gente un poco más de contexto acerca de dónde van a ir al hacer clic sin añadir desorden a su sitio web.

En este artículo, te mostraremos cómo añadir fácilmente estos atributos de título a tus menús de WordPress, tanto si utilizas un tema clásico como un nuevo tema de bloques. Es un retoque sencillo que puede hacer que tu sitio web sea un poco más fácil de usar.

How to Add Title Attribute in WordPress Navigation Menus

¿Por qué añadir atributos de título a los elementos del menú de navegación?

En WordPress, puede añadir un atributo title para describir mejor cualquier elemento HTML. Esto se utiliza a menudo con enlaces e imágenes para proporcionar información emergente que aparece cuando el usuario pasa el cursor sobre el elemento.

Este es un ejemplo de un atributo de título de imagen mostrado en una información emergente. El usuario puede obtener más información acerca de la imagen moviendo el ratón sobre ella.

An image with the title text

Puede obtener más información en nuestra guía sobre la diferencia entre el texto alternativo de la imagen y el título.

También le recomendamos que utilice el atributo title al enlazar entradas. Esto permite a los usuarios ver a dónde les llevará el enlace antes de hacer clic en él.

Algunos expertos en SEO creen que el atributo enlazar es útil para la optimización de motores de búsqueda (SEO) porque permite proporcionar más contexto.

El atributo title también puede ser leído en voz alta por los lectores de pantalla que utilizan los usuarios con problemas de visión. Sin embargo, a menudo se ignora, y en su lugar se lee el texto de anclaje.

Dicho esto, echemos un vistazo a cómo añadir el atributo title en los menús de navegación de WordPress. Puede utilizar los siguientes enlaces para saltar al método que funciona con su tema:

Añadir un atributo de título a los elementos de menú del tema clásico

Si utiliza un tema clásico de WordPress, puede personalizar su menú de navegación visitando Apariencia ” Menús en su panel de control.

Sin embargo, por defecto no se puede añadir un atributo de título a las entradas / registros del menú.

Para añadir esta capacidad, deberá hacer clic en la pestaña “Opciones de pantalla” situada en la esquina superior derecha de la pantalla. Aparecerá un menú en el que deberá marcar / comprobar la casilla siguiente a la opción “Atributo de título”.

Enabling Image Attributes in Screen Options

Esto añadirá un campo de atributo de título para cuando cree o edite una entrada / registro de menú.

Ahora, puede desplazarse hacia abajo y hacer clic en cualquier elemento del menú existente para ampliarlo. Verá el campo de atributo de título.

Adding a Title Attribute to a Classic Theme Menu Item

Ahora puede añadir el texto que desee utilizar como título. También puede ampliar otros elementos del menú y añadirles atributos de título.

No olvides hacer clic en el botón “Guardar menú”, al final de la página, para guardar los cambios.

Ahora puede visitar su sitio web WordPress y pasar el ratón por encima de un enlace en el menú de navegación. Verá el atributo title mostrado como información emergente.

Preview of a Menu Entry Title Attribute When Using a Classic Theme

Adición de un atributo de título a los elementos de menú del tema del bloque

Si está utilizando un tema en bloque, puede personalizar su menú de navegación utilizando el Editor del sitio completo. Este editor le permite añadir atributos de título a las entradas / registros de su menú por defecto.

En primer lugar, debe navegar a Apariencia ” Editor en su área de administrador de WordPress y, a continuación, haga clic en la opción “Navegación” para encontrar sus menús.

Go to the Navigation Section of the Full Site Editor and Select a Menu

Deberá seleccionar de la lista el menú que desea editar.

Ahora, puedes hacer clic en el panel de vista previa de la izquierda para abrir el editor a pantalla completa. Asegúrate de que puedes ver el panel de ajustes de la izquierda. Si no, puedes visualizarlo al hacer clic en el botón “Ajustes” en la parte superior de la pantalla.

Click a Menu Entry in the Settings Pane

A continuación, haga clic en el elemento / artículo del panel de ajustes que desee editar. Aparecerán las opciones de esa entrada / registros, incluido el atributo de título.

Simplemente escriba su título en el campo “Atributo del título”.

Add a Tiitle Attribute in the Settings Pane

Asegúrese de hacer clic en el botón “Guardar” situado en la parte superior de la pantalla para establecer los nuevos ajustes. Tendrás que hacer clic en un segundo botón “Guardar” para confirmar.

Ahora, puede visitar su sitio web para ver el atributo del título del menú en acción.

Preview of a Menu Entry Title Attribute in a Block Theme

Guías de expertos para personalizar los menús de navegación de WordPress

Esperamos que este tutorial te haya ayudado a aprender cómo añadir un atributo title en los menús de navegación de WordPress. Quizás también quieras ver otros artículos relacionados con cómo personalizar el menú de navegación de WordPress:

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

15 comentariosDeja una respuesta

  1. Ralph Miller

    This was incredibly helpful. I didn’t know there was a menu for screen options. My title attribute had disappeared and this absolutely helped me find it. Thank you!

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Administrador

  2. Otto

    My God!
    Thanks a lot, you are amazing people!
    :)

    • WPBeginner Support

      You’re welcome, glad our article was helpful :)

      Administrador

  3. Fifa

    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.

  4. Jim

    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!

  5. Amauri

    Thanks, you saved me. A crystal clear tutorial.

  6. Linda Paul

    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.)

  7. Hüsna Hüner

    Thank you very much for menu title attirube. I am turkish not speak english bro :)

  8. Kalanda

    i need to own-org website

  9. Mike Maxson

    Thanks for this, did not even know this feature existed. You learn something new everyday. :)

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.