Comment changer la couleur du lien dans WordPress ?

Comment changer la couleur du lien dans WordPress ? Le rôle des liens sur les sites Web modernes est crucial, qu'ils soient utilisés pour la navigation ou les conversions.

Il est toutefois possible que le style des URL par défaut du thème WordPress ne réponde pas à vos normes et vous souhaiterez peut-être modifier la couleur du lien dans WordPress.

Heureusement, vous pouvez changer la couleur du lien dans WordPress en utilisant les options de l'éditeur, les plugins ou le code personnalisé.

Il est possible d'ajouter des couleurs personnalisées à vos liens et de les faire ressortir de l'arrière-plan ou de se fondre parfaitement avec votre design.

Cet article vous expliquera pourquoi changer la couleur des liens dans WordPress et présentera six méthodes efficaces.

Pourquoi changer la couleur du lien dans WordPress ?

Votre site Web doit contenir des liens. Par exemple, si vous présentez du contenu sur votre blog qui inclut des liens entrants et sortants, votre optimisation pour les moteurs de recherche (SEO) peut être améliorée.

Lors du classement de votre contenu, Google utilise les taux de clics sur les liens (CTR) pour déterminer quels liens doivent être intégrés à vos stratégies de référencement.

De plus, vous pouvez utiliser des liens pour diriger vos visiteurs vers d'autres pages de votre site Web. En dirigeant vos visiteurs vers une plus grande partie de votre contenu, vous pourrez les fidéliser plus longtemps.

Pour attirer les clics, un lien doit cependant être visuellement attrayant. Dans le cas de couleurs de liens trop claires, elles peuvent se fondre dans votre contenu, entraînant de faibles taux de clics (CTR). Il est toutefois possible que des liens trop clairs réduisent la crédibilité de votre site Web.

Par conséquent, si vous ne rencontrez pas beaucoup de clics sur les liens, vous voudrez peut-être explorer la possibilité d'expérimenter avec les couleurs.

En optimisant la couleur de votre lien, vous augmenterez la visibilité, l'alignerez sur les couleurs de votre marque, améliorerez la crédibilité et améliorerez l'apparence de votre site Web.

Les visiteurs qui consultent votre site Web voudront voir un design attrayant. Il est possible d'améliorer l'expérience utilisateur en utilisant une couleur de lien accrocheuse et d'empêcher les utilisateurs de quitter rapidement votre site Web.

Comment changer la couleur des liens dans WordPress (6 méthodes) ?

Un changement de couleur de vos liens vous donne un meilleur contrôle sur la conception de votre site Web et simplifie la navigation pour vos visiteurs.

Dans cette section, vous apprendrez à changer la couleur des liens dans WordPress en utilisant six méthodes différentes.

Méthode 1 : Modifier la couleur du lien dans WordPress en modifiant le CSS

En ajoutant du code CSS personnalisé à votre site Web WordPress, vous pouvez modifier la couleur de vos liens. Suivez ces étapes pour ce faire :

1. Accédez à votre tableau de bord d'administration WordPress.
2. Accédez à Apparence .

3. Cliquez sur l'option Personnaliser .
4. Cliquez sur l'option CSS supplémentaire dans le menu.

Vous serez amené à un écran où vous pourrez ajouter votre code CSS personnalisé sur le côté gauche de la page en cliquant sur cette option.

5. Personnalisez la couleur globale du lien .

Si vos visiteurs n'ont jamais cliqué sur le lien, c'est la couleur qu'ils verront.

Voici un exemple de code CSS que vous pouvez utiliser :

 a { color: #FFA500; }

La modification de cette valeur entraînera le changement de la couleur du lien en orange. Assurez-vous que la couleur #FFA500 est remplacée par la couleur souhaitée.

6. Changez la couleur de survol du lien .

Par conséquent, lorsqu'un utilisateur survole un lien, la couleur change pour attirer l'attention de l'utilisateur.

Un exemple de code CSS peut être trouvé ci-dessous :

 a:hover { color: #FF0000; text-decoration: underline; }

À la suite de la saisie du code ci-dessus, la couleur du lien deviendra rouge et le texte apparaîtra souligné lorsqu'un visiteur le survolera. Assurez-vous de changer la couleur #FF0000 en l'une de vos choix.

7. Le changement est la couleur du lien après qu'un utilisateur clique sur un lien.

Vous pouvez utiliser cette fonctionnalité pour faciliter la navigation de votre blog WordPress et pour voir quels liens vos visiteurs ont déjà visités.

Vous pouvez changer la couleur du lien visité en utilisant le code CSS ci-dessous :

a:visited { color: #0000FF; }

La couleur bleue #0000FF doit être remplacée par une couleur de votre choix.

8. Apportez vos modifications en direct en cliquant sur le bouton Publier .

Si vous souhaitez uniquement personnaliser les liens dans vos articles et pages, vous pouvez utiliser l'exemple de code ci-dessous :

 .entry-content a { color: #FFA500; } .entry-content a:hover { color: #FF0000; text-decoration: underline; } .entry-content a:visited { color: #0000FF; }

L'exemple de code ci-dessus accomplit la même tâche ; cependant, .entry-content ne cible que les liens dans votre contenu.

Méthode 2 : Changer la couleur du lien en utilisant la fonctionnalité de styles globaux de WordPress (Bloquer les thèmes uniquement)

Avec WordPress 5.9, vous pouvez personnaliser l'ensemble du site grâce à l'édition complète du site (FSE). Avec l'interface Styles globaux, vous pouvez modifier des éléments plus significatifs du thème au lieu d'utiliser l'outil de personnalisation.

Il faut cependant noter que la plupart des thèmes WordPress ne supportent pas pour l'instant cette nouvelle fonctionnalité.

Afin de continuer avec cette méthode, vous devez vous assurer que vous utilisez l'éditeur de blocs WordPress et un thème compatible avec l'éditeur de blocs WordPress.

Suivez ces étapes pour changer la couleur du lien à l'aide de la fonctionnalité WordPress Global Styles :

1. Accédez à Apparence dans votre tableau de bord WordPress.
2. Cliquez sur l'option Éditeur .

Vous serez dirigé vers l'éditeur de site complet en cliquant sur cette option.

3. Allez dans le coin supérieur droit de votre écran et cliquez sur le bouton du cercle bicolore .

En survolant ce bouton, vous découvrirez que vous êtes dans la section Styles.

4. Cliquez sur l'option Couleurs dans l'onglet Styles .

Vous pouvez modifier le jeu de couleurs de votre thème en faisant cela.

5. Cliquez sur l'option Liens .

Cette section affichera différentes couleurs par défaut en fonction du thème sélectionné. Le sélecteur de couleurs, cependant, vous permet de choisir une couleur personnalisée.

Dans la zone de texte, le code hexadécimal personnalisé entrera automatiquement une fois que vous aurez sélectionné la couleur que vous souhaitez utiliser.

6. Cliquez sur le bouton Enregistrer après avoir choisi votre couleur.

L'outil Styles globaux active FSE. Ainsi, en utilisant cet outil, vous pourrez mettre à jour les couleurs de vos liens sur l'ensemble de votre site Web.

Méthode 3 : Modifier la couleur du lien à l'aide de WordPress Customizer

Il peut y avoir de nombreuses raisons pour lesquelles vous ne souhaitez pas passer à un thème de bloc. Par exemple, vous pourriez avoir besoin de plus de contrôle pour effectuer des ajustements plus subtils.

Alternativement, une sélection limitée de thèmes de blocs disponibles peut ne pas répondre à vos besoins.

Quelle que soit la situation, vous pouvez facilement modifier la couleur de vos liens à l'aide de l'outil de personnalisation. Suivez ces étapes pour l'utiliser :

1. Accédez à Apparence dans votre tableau de bord WordPress.
2. Cliquez sur l'option Personnaliser .

Lorsque vous cliquez dessus, le Customizer se lance automatiquement.

3. Localisez l'onglet Édition des couleurs une fois le Customizer ouvert.

Cela différera d'un thème à l'autre.

Dans cette section, vous trouverez différents paramètres liés aux couleurs de votre thème.

4. Accédez à Couleur du lien , Couleur d' accentuation ou Accent principal en fonction de votre thème.
5. Sélectionnez votre couleur à l'aide du sélecteur de couleurs.

Alternativement, vous pouvez entrer le code hexadécimal de votre couleur dans la zone de texte.

6. Cliquez sur le bouton Publier lorsque vous avez choisi votre couleur.

Les couleurs de tous les liens de votre site Web seront mises à jour à la suite de cette étape.

Méthode 4 : Modifier la couleur du lien dans l'éditeur Gutenberg

Parmi les systèmes d'édition les plus populaires de ces dernières années figure Gutenberg, qui fait partie du système d'édition par défaut de WordPress. Ceux qui sont de fervents utilisateurs de Gutenberg trouveront cette méthode utile.

Suivez ces étapes pour changer la couleur du lien dans Gutenberg :

1. Ouvrez une publication/page avec Gutenberg .
2. Sélectionnez du texte.
3. Ajoutez un lien vers le texte à l'aide de l'icône d' hyperlien et appuyez sur Entrée .

4. Cliquez sur la flèche déroulante à côté de l'icône du lien tout en sélectionnant le texte du lien.
5. Choisissez l'option Couleur du texte .

Cette option affiche le sélecteur de couleurs de WordPress, vous permettant de choisir une couleur personnalisée pour votre texte sélectionné.

6. Choisissez votre couleur préférée.
7. Cliquez sur le bouton Mettre à jour dans le coin supérieur droit de votre page.

Méthode 5 : Modifier la couleur du lien dans Elementor Page Builder

Dans le constructeur de pages Elementor, vous pouvez créer et personnaliser chaque aspect de votre site Web, y compris les couleurs, à l'aide d'un constructeur de pages visuel facile à utiliser.

Suivez ces étapes pour changer la couleur du lien dans Elementor :

1. Ouvrez une page à partir de votre tableau de bord WordPress.
2. Cliquez sur l'option Modifier avec Elementor .
3. Cliquez sur les trois lignes dans le coin supérieur gauche lorsque Elementor est ouvert.
4. Sélectionnez l'option Paramètres du site .

5. Accédez à la section Typographie .

6. Accédez à la rubrique Lien dans la section Typographie pour ajuster la couleur.

7. Cliquez sur le bouton Mettre à jour lorsque vous avez terminé.

Méthode 6 : Modifier la couleur du lien dans The Divi Page Builder

Le but de cette section est de vous expliquer comment changer la couleur de vos liens dans WordPress avec Divi page builder.

Le Divi Builder est un outil facile à utiliser et rapide pour créer des pages Web uniques en peu de temps. Dans Divi Builder, vous pouvez ajuster les couleurs des liens individuels.

Suivez ces étapes pour changer la couleur du lien dans le Divi Page Builder :

1. Créez une nouvelle page et éditez-la à l'aide du Divi Builder .
2. Choisissez le texte auquel vous souhaitez ajouter un lien.
3. Cliquez sur l' icône de lien hypertexte dans le menu contextuel.

4. Saisissez l' URL dans la fenêtre contextuelle.

Vous verrez maintenant la couleur par défaut des liens, qui est le bleu.

5. Cliquez sur l'icône du pot de peinture pour changer la couleur du lien.

Vous pourrez personnaliser la couleur du lien à l'aide de la palette de couleurs qui s'ouvre.

6. Sélectionnez votre couleur préférée.
7. Enregistrez vos modifications.

Conclusion

Cet article a expliqué pourquoi changer la couleur des liens dans WordPress et présenté six méthodes efficaces.

Nous vous remercions sincèrement d'avoir pris le temps de lire cet article. Si vous avez des commentaires ou des questions, n'hésitez pas à les poster dans la section des commentaires.

Nous mettons régulièrement à jour nos pages Facebook et Twitter avec de nouveaux articles, alors suivez-nous pour les dernières nouvelles.