Voulez-vous changer la couleur de sélection de texte par défaut dans WordPress ?
Vous pouvez faire en sorte que votre site WordPress se démarque en faisant attention aux petits détails, tels que la couleur de la sélection de texte correspondant à la palette de couleurs de votre site.
Dans cet article, nous allons vous montrer comment changer la couleur de sélection de texte par défaut dans votre thème WordPress.
Pourquoi changer la couleur de sélection de texte par défaut ?
Les couleurs sont une partie importante de votre image de marque, vous devriez donc passer du temps à choisir la palette de couleurs parfaite. Cela augmentera l’attrait de votre site afin que vos visiteurs restent plus longtemps, augmentant ainsi vos ventes et vos conversions.
Un détail souvent oublié est la couleur de surbrillance donnée au texte sélectionné. La couleur par défaut ne sera pas belle sur tous les sites Web.
Votre thème WordPress peut vous donner la possibilité de changer cette couleur, mais la plupart ne le font pas. Si ce n’est pas le cas, vous pouvez modifier la couleur de sélection de texte de votre thème à l’aide d’un plugin ou d’un extrait de code.
Une seule méthode est nécessaire, et la plupart des utilisateurs trouveront qu’il est plus simple d’utiliser un plugin. Vous pouvez utiliser les liens ci-dessous pour passer à votre méthode préférée.
- Méthode 1 : Utilisation d’un plugin pour changer la couleur de la sélection de texte
- Méthode 2 : Utilisation du code pour modifier la couleur de la sélection de texte
Méthode 1 : Utilisation d’un plugin pour changer la couleur de la sélection de texte
Couleur de surbrillance personnalisée est un plugin WordPress qui vous permet de sélectionner une couleur de sélection de texte personnalisée. C’est la méthode la plus simple, mais le résultat peut ne pas être exactement le même sur tous les navigateurs Web.
La première chose à faire est d’installer et d’activer le Couleur de surbrillance personnalisée brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Une fois installé, vous devez naviguer vers Apparence » Personnaliser sur votre tableau de bord WordPress. Ensuite, vous devez sélectionner Couleurs dans le menu.
Vous devrez cliquer sur la couleur de surbrillance pour saisir le code hexadécimal de la couleur souhaitée ou utiliser le sélecteur de couleurs. Cliquez ensuite simplement sur le bouton Publier pour activer la nouvelle couleur de surbrillance.
Méthode 2 : Utilisation du code pour modifier la couleur de la sélection de texte
La deuxième méthode utilise un extrait de code CSS. Cela peut être délicat pour les débutants, et faire une erreur pourrait casser votre site WordPress.
Si vous débutez dans l’utilisation d’extraits de code, vous pouvez consulter notre guide sur la façon d’ajouter facilement du CSS personnalisé à votre site WordPress. Dans ce didacticiel, nous utiliserons le personnalisateur de thème.
La première chose que vous devez faire est de naviguer vers Apparence » Personnaliser dans votre tableau de bord WordPress. Une fois là-bas, vous devez cliquer sur CSS supplémentaire en bas de la liste.
Ensuite, il vous suffit de copier et coller les styles suivants.
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
Notez que nous avons ajouté deux styles. Le sélecteur CSS ::moz-selection fonctionne avec le navigateur Firefox, et le sélecteur CSS ::selection fonctionne avec d’autres navigateurs populaires tels que Chrome, Safari, IE9+ et Opera.
N’oubliez pas de changer la couleur d’arrière-plan pour qu’elle corresponde à la palette de couleurs de votre thème. Une fois terminé, cliquez sur le bouton Publier en haut de l’écran.
Vous pouvez maintenant accéder à votre site Web pour voir le changement en action. Voici des captures d’écran avant et après de notre site Web de test.
Nous espérons que ce didacticiel vous a aidé à apprendre à modifier la couleur de sélection de texte par défaut dans WordPress.
Vous pouvez également consulter notre guide sur la façon de choisir le meilleur logiciel de conception de sites Web et consulter notre liste des meilleurs plugins de création de pages par glisser-déposer WordPress.
Si vous avez aimé ce guide, n’hésitez pas à vous abonner à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
