Comment forcer un élément de menu de navigation (créé avec WordPress) à s’ouvrir dans un nouvel onglet?

Comment forcer un élément de menu de navigation (créé avec WordPress) à s’ouvrir dans un nouvel onglet?

Petit rappel sur les menus de navigation de WordPress

Tous les sites possèdent un menu de navigation. La plupart du temps, les éléments du menu font références aux pages internes du site. Je dirais même dans 99% des cas.

Mais il reste ce petit 1% d’exception, comme dans le cas du blog Tintamarre Marseille. Ce blog sur l’électroacoustique qui dépend de la Cité de la Musique de Marseille, souhaitait faire apparaître dans son menu, l’élément « La cité de la musique ».

Jusque là, pas de soucis : WordPress nous autorise à créer un « lien » vers n’importe quelle page et de le placer dans le menu.

lien du menu

Difficulté supplémentaire : le webmaster souhaitait que le lien s’ouvre dans un nouvel onglet.

Là, j’ai séché ! L’option n’étant pas disponible dans WordPress, je ne voyais pas comment il pouvait faire sans coder.

La solution pour forcer l’ouverture d’un élément du menu dans un nouvel onglet

Comme pour les commentaires, WordPress nous cache des éléments dans son panneau « option de l’écran ».

option de l'écran fermé

Ouvrez ce panneau et cochez « cible du lien »

option de l'écran

A présent, vous avez la possibilité, pour chaque item du menu, de choisir de l’afficher ou pas dans un nouvel onglet !

ouvrir le lien dans un nouvel onglet

Connaissiez-vous cette astuce ?

Image courtesy of Stuart Miles http://www.freedigitalphotos.net

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

13 commentaires

  1. Bonjour Marie-Eve,

    C’est vrai qu’en fonction des besoins cette astuce est bien utile. D’une manière générale le target=_blank est à manier avec précaution, par exemple pour ceux qui utilisent un smartphone ou une tablette pour surfer, un onglet de plus est souvent indésirable.

    En général, le bonne pratique est de laisser l’internaute décider :-) certains sites affichent ainsi un lien « normal » sur l’ancre, et un lien « nouvel onglet » sur un petit icône à côté.

    Bonne journée jolie webmastice !

    Répondre
    • Bonjour Syl,

      A oui c’est une bonne idée le double lien. Comme ça, chacun a ce qu’il veut !

      Répondre
  2. Bonjour,

    Je ne connaissais pas, merci pour ce petit article que je vais certainement utilisé dans un de mes blogs prochainement :)

    Répondre
  3. Hello Marie Eve,
    j’espère que tu profite bien de tes vacances. Non seulement je ne connaissais pas cette astuce, mais c’est une question que j’allais te poser…quelle coïncidence ! Merci …

    Répondre
  4. Bonjour Marie Eve,

    je savais que c’etait possible et intéressant pour ouvrir une page de vente depuis un blog.
    Je ne savais pas encore comment faire. Maintenant c’est fait, grâce à toi.

    Répondre
  5. Franchement j’ai aucune remarque sur l’article , c’est juste un petit coucou pour toi en espèrent que tu passe des bels moments :-)
    Et surtout que tu nous manque !

    Répondre
  6. Je ne connaissais pas l’astuce. Merci Marie-Eve!

    Et apparemment la zone « options de l’écran » comporte plusieurs options qui me sont méconnues, je vais corriger ça !!

    Répondre
  7. Ce petit tutoriel me sera très utile, c’est vrai qu’on n’y fait pas forcément attention, mais le petit onglet « Option de l’écran » nous cache souvent une grande quantité de fonctionnalités possibles. Merci à toi pour ce petit éclaircissement, à bientôt!

    Répondre
    • Bonjour Stéphane,

      Vous êtes vraiment le PDG d’orange ? (et vous n’avez rien d’autre à faire que de trainer sur un blog ? MDR _je plaisante bien sûr_)

      Répondre
  8. J’avais mis de côté un certain nombre de tes mails, en attendant d’avoir le temps de les lire. Celui-ci s’était trouvé enterré et je viens enfin de le lire.
    C’est une très bonne astuce et si j’avais été moins brouillon, je l’aurai lu avant et ça m’aurait évité de longues acrobaties.

    Merci pour tous tes conseils utiles.

    Répondre
    • Bonjour Alain,

      Le principal est de l’avoir fait maintenant 😉

      Répondre
  9. Merci pour l’astuce, je fais partie des 1% qui ont besoin de ça (lien dans la nav entre 2 de mes sites). WP est un filou à nous cacher ses options ^^

    Répondre

Trackbacks/Pingbacks

  1. Comment forcer un élément de menu... - […] Petit rappel sur les menus de navigation de WordPress Tous les sites possèdent un menu de navigation. La plupart…

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint