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 une Icône de Lien Externe sur votre site WordPress

Vous souhaitez ajouter une icône de lien externe à votre site WordPress ?

En indiquant clairement vos URL externes, vous pouvez inciter les internautes à rester plus longtemps sur votre site et leur indiquer clairement qu’en cliquant sur un lien particulier, ils ouvriront une nouvelle fenêtre ou un nouvel onglet.

Dans cet article, nous allons vous afficher comment ajouter une icône de lien externe sur WordPress.

How to add an external link icon on your WordPress site

Pourquoi ajouter des icônes de liens externes àWordPress ?

L’icône d’un lien externe est une petite image qui apparaît à côté d’un Link qui conduira l’utilisateur vers un autre site.

Par exemple, vous pouvez défiler jusqu’au bas de n’importe quelle publication de Wikipédia et constater que la plupart des liens de la section Références sont accompagnés d’une icône de lien externe.

An example of external link icons

En ajoutant des icônes de liens à votre blog WordPress, vos internautes pourront facilement faire la différence entre les liens sortants et les liens internes. De nombreux sites utilisent également des icônes de liens externes pour indiquer clairement que le lien s’ouvrira dans une nouvelle fenêtre ou un nouvel onglet.

Ces icônes peuvent inciter les internautes à rester plus longtemps sur votre site et à augmenter le nombre de pages vues, car il y a moins de risques qu’ils cliquent sur un lien externe et quittent votre site par accident.

Ceci étant dit, voyons comment vous pouvez ajouter une icône de lien externe à votre site WordPress.

Comment ajouter des icônes de liens externes dans WordPress

La façon la plus simple de placer des icônes de liens externes sur votre site est d’utiliser WP External Links.

Vous pouvez utiliser cette extension pour ajouter automatiquement différentes images, Dashicons et icônes Font Awesome à vos liens externes.

An external link icon created in WordPress

Tout d’abord, vous devrez installer et activer l’extension WP External Links. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Ensuite, il suffit de cliquer sur le nouveau réglage WP External Links dans le menu de gauche.

The WP External Links WordPress plugin

Si une fenêtre surgissante vous demande de mettre à niveau, il vous suffit de cliquer n’importe où en dehors de la fenêtre pour la fermer.

Comme vous pouvez le voir, l’extension peut faire beaucoup plus que simplement ajouter une icône de lien externe à votre site. Par exemple, il peut ajouter automatiquement un lien nofollow à tous les liens externes dans WordPress.

WP External Links peut également garder les gens sur votre site en ouvrant tous les liens externes dans une nouvelle fenêtre ou un nouvel onglet. Nous recommandons d’activer cette fonctionnalité car de nombreux utilisateurs/utilisatrices partent du principe que les liens avec une icône de lien externe s’ouvrent de toute façon dans une nouvelle fenêtre ou un nouvel onglet.

Pour ouvrir tous les URL externes dans une nouvelle fenêtre ou un nouvel onglet, ouvrez le menu déroulant « Ouvrir les liens externes » et cliquez sur « chacun dans une nouvelle fenêtre ou un nouvel onglet séparé ».

Open external links in a new tab or window

Par défaut, WP External Links appliquera cette règle à chaque nouveau lien externe que vous créerez.

Cependant, il peut également analyser votre site et modifier toutes les URL externes que vous avez précédemment ajoutées à votre site. Cela permettra à vos utilisateurs/utilisatrices de bénéficier d’une expérience plus cohérente, c’est donc une bonne idée de cliquer sur la case « Écraser les valeurs existantes ».

Overwrite the previous external link settings

Une fois cette étape franchie, vous êtes prêt à créer une icône pour vos liens externes. Pour commencer, défilez jusqu’à la section « Choisissez le type d’icône ».

Aucun icône n’est affiché. Aucun icône n’est affiché, mais vous pouvez cliquer sur l’icône pour ouvrir la liste déroulante.

Selecting an icon type for your external URL

Vos options sont Image, Font Awesome ou Dashicon.

Font Awesome et Dashicon sont tous deux livrés avec une icône unique de boîte avec flèche que vous pouvez utiliser comme icône de lien externe. Cette icône apparaîtra toujours en bleu sur votre site, comme vous pouvez le voir dans l’image suivante.

An example of an external link dashicon

C’est exactement l’icône que de nombreux sites utilisent pour leurs liens externes, de sorte que la plupart des internautes comprendront ce que signifie l’icône en forme de boîte avec une flèche.

Toutefois, l’option « Image » vous permet de choisir entre plusieurs icônes de boîtes à flèches, dont certaines ont un style et une couleur légèrement différents.

Dans l’image suivante, vous pouvez voir un exemple de l’apparence d’une icône colorée de boîte avec flèche sur votre site WordPress.

An Image-based external link icon

Si vous souhaitez ajouter un bouton de lien coloré à votre site, vous devez sélectionner « Image » dans la liste déroulante « Choisissez le type d’icône ».

Vous pouvez ensuite cliquer sur celui que vous souhaitez utiliser pour vos liens externes.

Choosing an arrow icon for your external links

Une fois que vous avez fait cela, ouvrez le menu déroulant « Position de l’Icône ».

Choisissez ici si l’icône doit apparaître sur le « côté droit du lien » ou sur le « côté gauche du lien ». La plupart des sites affichent l’icône externe à droite du lien.

Changing the position of your external URL icon

Voulez-vous utiliser l’icône standard de la boîte bleue avec flèche à la place ?

Vous pouvez ensuite ouvrir le menu déroulant « Choisissez le type d’icône » et cliquer sur « Font Awesome » ou « Dashicon ».

Ensuite, ouvrez le menu déroulant à côté de « Choisissez Dashicon » ou « Choisissez FA », puis cliquez sur l’icône de la boîte à flèches.

Using a dashicon as an external link icon

Note : Font Awesome et Dashicons vous donnent tous deux accès à des dizaines d’autres icônes. Toutefois, nous recommandons d’utiliser l’icône en forme de boîte avec une flèche, car davantage de personnes la reconnaîtront comme une icône de lien externe.

Après avoir cliqué sur la Font Awesome ou la Dashicon que vous souhaitez utiliser, vous pouvez spécifier si elle doit apparaître à droite ou à gauche du lien en suivant exactement le même processus que celui décrit ci-dessus.

Lorsque vous êtes satisfait de l’icône de lien externe que vous avez choisie, il vous suffit de cliquer sur « Enregistrer les modifications ».

L’extension ajoutera alors automatiquement les icônes de lien à toutes les URL externes de votre site.

Plus d’astuces pour personnaliser votre site WordPress

Si vous avez aimé cet article sur la personnalisation des icônes de liens externes, vous trouverez peut-être les astuces suivantes utiles.

Par exemple, les notes de bas de page sont un excellent moyen de fournir des informations supplémentaires ou des citations sans perturber le flux de votre texte. Nous avons un guide utile sur la façon d’ajouter des notes de bas de page simples et élégantes dans WordPress pour vous afficher la marche à suivre.

Outil de personnalisation de l’apparence de vos liens ? Modifier la couleur de vos liens peut les aider à se démarquer du texte environnant et les rendre plus attrayants visuellement.

De plus, la mise en évidence du texte est un excellent moyen d’attirer l’attention de vos lecteurs sur des informations importantes. Nous avons un guide utile sur la façon de surligner du texte dans WordPress pour vous afficher les différentes méthodes que vous pouvez utiliser.

Vous souhaitez ajouter une touche d’élégance à vos publications de blog ? Les Avancées sont de grandes lettres décoratives utilisées au début d’un paragraphe. Elles peuvent donner un aspect unique et élégant à votre contenu.

Enfin, l’amélioration de la navigation sur votre site peut considérablement améliorer l’expérience des utilisateurs/utilisatrices. La navigation en fil d’Ariane indique l’emplacement de l’utilisateur dans la hiérarchie de votre site, ce qui lui permet de trouver plus facilement son chemin.

Astuce : Vous voulez créer un site magnifique sans vous compliquer la vie ? Laissez nos experts WordPress le faire pour vous. En savoir plus sur nos services de conception de sites WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter une icône de lien externe à votre site WordPress. Vous pouvez également consulter notre guide terminé sur la façon de créer un site WordPress adapté aux mobiles et nos choix d’experts des meilleurs constructeurs de pages par glisser-déposer pour 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

7 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ahmed Omar

    Interesting post, personally I trust the site more when I see the external link icon, as the site has transparency
    I will add it to my site too
    Thank you

    • WPBeginner Support

      Thank you for sharing your opinion on the icon :)

      Administrateur

  3. Hemang Rindani

    Nice article. Users stay on the website if the content satisfies their expectations. It is important use a CMS that helps to keep the website updated. WordPress is a great CMS that comes with easy interface to manage entire website. It provides add-on directory that helps to increase the website functionality. It is also easy to customize the modules in WordPress that satisfies any complex business requirements.

  4. shaurya

    Nice Post really helpful.

  5. Mark Klinefelter

    Tried loading the plugin but it breaks my mashable social icons. Too bad, as the plugin looked useful.

  6. Laurent

    The best shouldn’t be to provide a Font Icon instead of a .png file as the external icon?

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.