Ouvrir les liens de WordPress dans une nouvelle fenêtre
Le fichier functions.php est une mine d'or pour modifier votre WordPress.
Au niveau de l'ergonomie, rien de plus affligeant que d'avoir des liens externes qui rechargent la page, sans ouvrir une nouvelle fenêtre. Vous perdez ainsi bêtement des visiteurs.
Ouvrez vos liens externes dans une nouvelle fenêtre
Voici donc une petite fonction à ajouter pour que chaque lien externe situé dans vos commentaires s'ouvre dans une nouvelle fenêtre, via un target="blank".
Ouvrez le fichier functions.php de votre thème WordPress et collez-le code suivant :
{return preg_replace('/class="external" href=["|\']?(http:\/\/(?!www\.seomix\.fr)([^"\']*))["|\']?/ui', "class="external" href=\"$1\" title=\"Site externe : $1\" target=\"_blank\"", $text);}
add_filter( 'get_comment_author_link', 'AddTargetBlankFilteringFunction');
add_filter( 'get_comment_author_url_link', 'AddTargetBlankFilteringFunction');
add_filter('comment_text', 'AddTargetBlankFilteringFunction');
Pensez à modifier la troisième ligne par l'url de votre site (au niveau du preg_replace). Cela évitera d'ouvrir les liens internes dans une nouvelle fenêtre...
Voilà, c'est désormais chose faite : chaque lien contenu dans un commentaire s'ouvrira automatiquement dans un nouvel onglet, qu'il s'agisse d'une url contenue dans le corps du commentaire, ou dans le nom de l'utilisateur.
Notez également que le filtre peut être adapté pour le contenu de vos articles. Il vous suffira de remplacer ou d'ajouter un add_filter.
Mais rendons à César ce qui est à César. Le premier extrait de code est directement tiré d'une extension WordPress : Target blank for external sites
Voici les thématiques abordées par Ouvrir les liens de WordPress dans une nouvelle fenêtre:
11 commentaires sur Ouvrir les liens de WordPress dans une nouvelle fenêtre
IBuzzyou - Le 3 mai 2010 à 14 h 48 min
Le target blank dans les articles est seulement pour les liens externes ?
Laurent B. - Le 16 août 2010 à 11 h 50 min
Alors je ne sais pas si c’est moi, mais ce code fait des liens externes uniquement sur les liens internes justement. Je ne connais pas trop les expressions régulières, mais est-ce qu’il n’y a pas quelque chose pour rajouter le target blank à tous ce qui est un lien, mais dont l’adresse ne contient pas l’url du site ?
Daniel Roch - Le 16 août 2010 à 13 h 26 min
@Laurent : tu as bien modifié cette partie du code avec ton site ? www\.seomix\.fr
Laurent B. - Le 16 août 2010 à 15 h 24 min
Oui, tout à fait ! Mais quand je lis la regex, bah je vois « remplacer tous les liens qui contiennent seomix.fr par le même lien avec le title site externe [...] et un target blank ». Ou alors peut-être que je ne sais plus lire une regex ^^
Mais j’ai trouvé l’extension external links qui fonctionne très bien et permet également de rajouter une icône à côté du lien pour préciser que c ‘est un lien externe.
Que penses-tu de ceux qui disent qu’ouvrir les liens dans de nouvelles fenêtres déroute les utilisateurs en termes d’ergonomie ?
Daniel Roch - Le 16 août 2010 à 16 h 11 min
Le code fonctionne bien. Regarde au tout début, il y a un « ? » qui indique de tester si c’est un lien interne, et d’appliquer le reste si ce n’est pas le cas.{return preg_replace(‘/class="external" href=["|\']?…
Pour tout autre question, tout dépend du lien en ce qui me concerne. En ergonomie, je trouve illogique une nouvelle fenêtre quand il s’agit de la suite logique de la page ou de l’article. Mais s’il s’agit d’une source, ou d’un lien de commentaire, je trouve logique le lien dans la nouvelle fenêtre. Question de goût comme on dit. ^^
Laurent B. - Le 16 août 2010 à 17 h 08 min
D’accord pour le code, j’avais mal vu. Il ne fonctionnait pourtant pas, mais je ne comprends pas trop pourquoi. Peut-être une interaction avec un autre plugin, qui sait. Bref ce n’est plus important pour moi ^^
Merci pour ta réponse sur l’ergonomie : j’ai le même avis que toi (j’ai d’ailleurs pris l’habitude de faire un clic milieu sur les liens externes voire sur les liens internes connexes). Mais je me demande si c’est pareil pour l’internaute lambda (et ça je me doute que tu n’as pas la réponse ^^)
Fabien - Le 20 août 2010 à 10 h 48 min
Merci !
Simple et efficace :)
staff - Le 9 février 2011 à 18 h 14 min
C’est excellent, merci pour le code ;-)
besky - Le 21 juin 2011 à 10 h 59 min
Bonjour,
Merci pour l’astuce mais si je ne me trompe, le « target: _blank » est déprécié par la W3C non ?
Dans ce cas ne serait-il pas plus judicieux d’utiliser du javascript ?
Daniel Roch - Le 23 juin 2011 à 12 h 27 min
Le javascript alourdit la page, et la dépréciation du W3C n’a aucun impact, ni en référencement ni en rendu visuel et ni en vitesse. Donc autant garder le target _blank pour ouvrir ces liens dans une nouvelle fenêtre.
Jérémy - Le 12 septembre 2011 à 3 h 25 min
Il ne faut pas abuser du target blank, qui n’est pas conforme aux recommandations du W3C et aux normes d’accessibilité. Il perturbe la navigation des aveugles, mal voyants, et beaucoup d’internautes sont agacés par ces liens qui s’ouvrent obligatoirement dans un nouvel onglet.
Lorsque le target blank n’est pas utilisé, l’internaute peut choisir d’ouvrir la page dans le même onglet ou dans un nouvel onglet (en cliquant sur le lien tout en maintenant la touche Ctrl enfoncée par exemple).
Il vaut mieux utiliser le script Shadowbox qui permet d’ouvrir les pages Web dans une petite fenêtre sans que l’internaute ne quitte le site. Mais là aussi c’est à utiliser avec modération.