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

Comment ajouter l’attribut Title dans les menus de navigation de WordPress

Chez WPBeginner, nous ajoutons des attributs de titre à nos images et à nos liens. Lorsque nos utilisateurs/utilisatrices survolent ces articles avec leur souris, l’attribut title s’affiche dans une infobulle sous la forme d’une explication utile.

Un autre endroit utile pour utiliser les infobulles est le menu de navigation de WordPress. En ajoutant des attributs de titre à ces articles de menu, vous pouvez donner aux gens un peu plus de contexte sur l’endroit où ils iront lorsqu’ils cliqueront sans ajouter d’encombrement à votre site.

Dans cet article, nous allons vous afficher comment ajouter facilement ces attributs de titre à vos menus WordPress, que vous utilisiez un thème classique ou un nouveau thème sur des blocs. C’est un simple Ajuster qui peut rendre votre site un peu plus convivial.

How to Add Title Attribute in WordPress Navigation Menus

Pourquoi ajouter des attributs de titre aux éléments du menu de navigation ?

Dans WordPress, vous pouvez ajouter un attribut title pour mieux décrire tout élément HTML. Cet attribut est souvent utilisé avec les liens et les images pour fournir des informations supplémentaires qui apparaissent sous forme d’infobulle lorsque l’utilisateur survole l’élément avec sa souris.

Voici un exemple d’attribut de titre d’image affiché dans une infobulle. En passant la souris sur l’image, le compte peut en savoir plus.

An image with the title text

Pour en savoir plus, consultez notre guide sur la différence entre le texte alt et le titre d’une image.

Nous vous recommandons également d’utiliser l’attribut title lorsque vous ajoutez des liens à votre publication. Cela permet aux utilisateurs/utilisatrices de voir où le lien les mènera avant de cliquer dessus.

Certains experts en référencement estiment que l’attribut de lien est utile pour l’optimisation des moteurs de recherche (SEO) car il vous permet de fournir plus de contexte.

L’attribut title peut également être lu à haute voix par les lecteurs d’écran utilisés par les utilisateurs/utilisatrices malvoyants. Cependant, il est souvent ignoré et le texte de l’ancre est lu à la place.

Ceci étant dit, voyons comment ajouter l’attribut title dans les menus de navigation de WordPress. Vous pouvez utiliser les liens ci-dessous pour passer à la méthode qui fonctionne avec votre thème :

Ajout d’un attribut de titre aux éléments de menu du thème Classic

Si vous utilisez un thème WordPress classique, alors vous pouvez personnaliser votre menu de navigation en visitant Apparence  » Menus dans votre tableau de bord.

Toutefois, par défaut, vous ne pouvez pas ajouter d’attribut de titre aux entrées de menu.

Pour ajouter cette permissions, vous devez cliquer sur l’onglet « Options d’écran » dans le coin supérieur droit de l’écran. Un menu s’affiche alors, dans lequel vous devez cliquer sur la case à cocher située à côté de l’option « Attribut du titre ».

Enabling Image Attributes in Screen Options

Ceci ajoutera un champ d’attribut de titre pour lorsque vous créez ou modifiez une entrée de menu.

Vous pouvez maintenant défiler vers le bas et cliquer sur n’importe quel élément de votre menu existant pour le déplier. Vous verrez le champ d’attribut du titre.

Adding a Title Attribute to a Classic Theme Menu Item

Vous pouvez maintenant ajouter le texte que vous souhaitez utiliser comme titre. Vous pouvez également déplier d’autres éléments de menu et leur ajouter des attributs de titre.

N’oubliez pas de cliquer sur le bouton « Enregistrer le menu » en bas de la page pour stocker vos modifications.

Vous pouvez maintenant visiter votre site WordPress et passer votre souris sur un lien dans le menu de navigation. Vous verrez l’attribut title s’afficher sous forme d’infobulle.

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

Ajout d’un attribut Title aux éléments de menu du thème Block

Si vous utilisez un thème à blocs, vous pouvez personnaliser votre menu de navigation à l’aide de l’éditeur de site complet. Cet éditeur vous permet d’ajouter des attributs de titre à vos entrées de menu par défaut.

Tout d’abord, vous devez vous rendre dans Apparence  » Éditeur dans votre zone d’administration WordPress, puis cliquer sur l’option  » Navigation  » pour trouver vos menus.

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

Vous devrez sélectionner le menu que vous souhaitez modifier dans la liste.

Vous pouvez maintenant cliquer sur le volet de prévisualisation à gauche pour ouvrir les éditeurs/éditrices en plein écran. Confirmez que vous pouvez voir le volet Réglages sur la gauche. Si ce n’est pas le cas, vous pouvez l’afficher en cliquant sur le bouton « Réglages » en haut de l’écran.

Click a Menu Entry in the Settings Pane

Ensuite, cliquez sur l’élément de menu du volet des Réglages que vous souhaitez modifier. Les options de cet élément, y compris l’attribut de titre, s’affichent.

Saisissez simplement votre titre dans le champ « Attribut du titre ».

Add a Tiitle Attribute in the Settings Pane

Confirmez-vous que vous avez bien cliqué sur le bouton « Enregistrer » en haut de l’écran pour stocker les nouveaux Réglages. Vous devrez cliquer une deuxième fois sur le bouton « Enregistrer » pour confirmer.

Maintenant, vous pouvez visiter votre site pour voir l’attribut de titre de menu en action.

Preview of a Menu Entry Title Attribute in a Block Theme

Guides d’experts pour personnaliser les menus de navigation de WordPress

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter un attribut title dans les menus de navigation de WordPress. Vous pouvez également consulter d’autres articles liés à la personnalisation du menu de navigation de WordPress :

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

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.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

15 commentairesLaisser une réponse

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

      Administrateur

  2. Otto

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

    • WPBeginner Support

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

      Administrateur

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

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.