Comment changer la couleur du texte dans WordPress (pour tous les thèmes)

Lorsque nous avons commencé à utiliser WordPress, nous pensions que changer la couleur du texte serait facile. Mais nous avons vite réalisé que cela pouvait varier en fonction de votre thème, de vos paramètres ou de l'éditeur que vous utilisiez.

Après avoir aidé des milliers de débutants à personnaliser leurs sites Web WordPress, nous savons que c'est une frustration courante pour de nombreux utilisateurs.

La bonne nouvelle est qu'il existe plusieurs façons simples de changer la couleur du texte dans WordPress, quel que soit le thème que vous utilisez.

Dans ce guide étape par étape, nous vous présenterons les méthodes les plus simples pour personnaliser la couleur de votre texte dans WordPress.

Pourquoi changer la couleur du texte dans WordPress ?

Changer la couleur du texte dans WordPress vous permet de mettre en évidence le contenu important, d'améliorer la lisibilité et de correspondre à l'image de marque de votre site.

Par exemple, vous pouvez mettre en évidence un appel à l'action sur une page de destination ou utiliser des sous-titres colorés sur votre site.

Parfois, vous pourriez même vouloir changer la couleur du texte sur l'ensemble d'un site Web. Par exemple, peut-être que votre thème WordPress utilise une couleur de police grise, mais vous préféreriez utiliser le noir pour un meilleur contraste avec votre couleur d'arrière-plan.

Vous pouvez également utiliser la couleur pour susciter une émotion chez vos visiteurs. Par exemple, beaucoup de gens pensent que le bleu crée un sentiment de confiance et de fiabilité.

Pour en savoir plus, consultez notre guide sur comment choisir un schéma de couleurs parfait pour votre site Web WordPress.

Cela dit, voyons comment vous pouvez changer la couleur du texte dans WordPress.

Utilisez simplement les liens ci-dessous pour accéder à la méthode que vous préférez :

Méthode 1 : Comment changer la couleur du texte dans l'éditeur de blocs

Si vous souhaitez simplement modifier quelques mots, un paragraphe ou un titre dans un article, vous pouvez utiliser l'éditeur de contenu WordPress. Cette méthode fonctionne que vous utilisiez un thème de blocs ou un thème classique.

Pour commencer, ouvrez l'article ou la page où vous souhaitez changer la couleur du texte ou créez une nouvelle page.

Si ce n’est pas déjà fait, tapez le texte que vous souhaitez personnaliser. Selon le texte, vous devrez peut-être ajouter un paragraphe, un titre ou un autre bloc qui accepte du texte. Pour obtenir de l’aide, consultez notre guide sur comment utiliser l’éditeur de blocs WordPress.

Dès que vous avez du texte, vous êtes prêt à en changer la couleur.

Changer la couleur du texte d’un bloc

Pour ce premier exemple, nous allons changer la couleur du texte d’un bloc entier. C’est un bon moyen de mettre en évidence une section entière de contenu, comme un paragraphe complet.

Cliquez simplement sur le bloc, puis sélectionnez l’onglet « Bloc » dans le menu de droite.

Une fois que vous avez fait cela, trouvez la section « Couleur » et cliquez sur « Texte ».

L’éditeur visuel affichera maintenant des couleurs qui complètent votre thème WordPress. Vous pouvez simplement cliquer sur n’importe quelle couleur pour changer tout le texte à l’intérieur de ce bloc.

Pour utiliser une couleur différente, cliquez simplement sur la boîte en haut de la fenêtre contextuelle.

Cela ouvre un sélecteur où vous pouvez choisir une nouvelle couleur de police.

Une autre option consiste à saisir un code hexadécimal, qui est le code HTML d'une couleur particulière. Ceci est utile si vous souhaitez utiliser une couleur très spécifique, telle que la nuance exacte de rouge du logo de votre site Web.

Si vous n'êtes pas sûr du code hexadécimal à utiliser, il peut être utile de consulter un site tel que HTML color codes. Ici, vous pouvez explorer différentes couleurs et obtenir leurs codes hexadécimaux.

Une fois que vous avez un code, collez-le ou tapez-le dans la boîte « Hex ».

Si vous changez d'avis et souhaitez restaurer la couleur de texte par défaut, cliquez simplement sur le bouton pointillé dans le menu de droite.

Les options que vous voyez varient en fonction de si vous avez également modifié la couleur d'arrière-plan du bloc, vous devrez donc peut-être cliquer sur « Texte » ou « Tout réinitialiser ».

Changer la couleur du texte d'un mot ou d'une phrase

Parfois, vous ne voudrez peut-être changer que la couleur d'un mot, d'une phrase ou d'une phrase particulière, telle que l'appel à l'action sur votre page de renvoi.

Pour ce faire, sélectionnez simplement le mot ou la phrase que vous souhaitez modifier dans l'éditeur de blocs WordPress. Ensuite, cliquez sur la petite flèche vers le bas dans la barre d'outils de l'éditeur de contenu et cliquez sur « Surligner ».

Cela ouvre une fenêtre contextuelle montrant certaines couleurs qui iront bien avec votre thème actuel.

Vous pouvez également choisir une couleur manuellement ou même utiliser un code hexadécimal en suivant le même processus décrit ci-dessus.

Astuce : Vous voulez changer la couleur de vos liens ? Consultez notre guide pour débutants sur comment changer la couleur des liens dans WordPress.

Méthode 2 : Comment changer la couleur du texte dans le personnaliseur de thème (Thèmes classiques uniquement)

La couleur peut attirer l'attention sur le contenu le plus important d'une page, mais trop de couleurs différentes peuvent être écrasantes. Dans cette optique, vous voudrez généralement utiliser la même couleur de texte sur la plupart de votre site Web WordPress.

Changer chaque page et article manuellement à l'aide de l'éditeur de blocs prendrait beaucoup de temps. Nous vous recommandons donc plutôt de changer le thème lui-même en utilisant le personnaliseur de thème.

Remarque : Si le personnaliseur de thème est manquant, vous utilisez probablement un thème de bloc et vous pouvez passer à la méthode 3.

Pour commencer, allez dans Apparence » Personnaliser.

Vous devez maintenant trouver les paramètres de texte du thème. Chaque thème est différent, mais vous devrez généralement rechercher une option « Typographie ».

Dans nos images, nous utilisons OceanWP.

Cliquez sur le paramètre « Typographie » ou similaire. À ce stade, vous verrez généralement tous les différents types de texte utilisés dans le thème, tels que Titre 1 et Titre de page.

Pour modifier le texte de vos articles et pages, cliquez sur la section « Corps » ou similaire.

Pour personnaliser la couleur du texte, recherchez la section « Couleur de la police ».

Ensuite, cliquez sur « Sélectionner la couleur ».

Cela ouvrira le sélecteur. Vous pouvez utiliser l'une des couleurs prédéfinies, choisir une nouvelle couleur à l'aide des paramètres ou saisir un code hexadécimal.

Si vous souhaitez restaurer la couleur par défaut du thème à tout moment, cliquez simplement sur « Par défaut ».

Vous pouvez également utiliser ces paramètres pour changer la taille de la police, le style, l'espacement des lettres, et plus encore.

Lorsque vous êtes satisfait de l'apparence du texte, cliquez sur le bouton « Publier » en haut de l'écran.

Méthode 3 : Comment changer la couleur du texte dans l'éditeur de site complet (Thèmes de blocs uniquement)

Si vous utilisez un thème basé sur les blocs tel que ThemeIsle Hestia Pro ou Twenty Twenty-Three, le processus de modification de la couleur du texte du thème est légèrement différent.

Pour personnaliser le texte à l'aide de l'éditeur complet du site, accédez à Thèmes » Éditeur.

Vous verrez maintenant plusieurs menus pour personnaliser l'apparence de votre site Web.

Ici, vous voulez sélectionner « Styles ». Cette section définit les couleurs globales, la typographie et la mise en page de votre site Web.

Sur l'écran suivant, vous verrez quelques combinaisons de styles parmi lesquelles choisir. Si vous souhaitez modifier complètement l'apparence de votre thème de blocs, vous pouvez simplement choisir l'une des options disponibles.

Mais à des fins de démonstration, nous allons cliquer sur le bouton « Modifier les styles » avec le crayon.

Vous arriverez maintenant à l'Éditeur de site complet, et l'onglet Styles sera ouvert.

Cliquons sur « Couleurs ».

La barre latérale vous montrera certains éléments dont vous pouvez modifier les paramètres de couleur, tels que le texte, les liens, les légendes, les boutons et les titres.

Chacun aura des paramètres de couleur différents, alors assurez-vous de les explorer pour voir ce qu'ils peuvent faire.

Prenons un exemple en cliquant sur « Titre ».

Pour changer la couleur du titre, vous pouvez soit sélectionner l'une des couleurs prédéfinies du thème, soit en utiliser une personnalisée en cliquant sur le sélecteur de couleur.

Une fois que vous êtes satisfait de l'apparence des couleurs de votre texte, cliquez simplement sur le bouton « Enregistrer ». Toutes les modifications que vous apportez seront alors appliquées à toutes vos pages et publications.

Pour plus d'informations, consultez notre guide pour débutants sur l'édition complète de site WordPress.

Méthode 4 : Comment changer la couleur du texte avec du code CSS (Plus personnalisable)

Si vous souhaitez plus de contrôle sur les couleurs du texte de votre site Web ou si vous devez modifier un élément qui n'est pas disponible dans les paramètres de votre thème, l'ajout de code CSS personnalisé est une excellente solution.

Cette méthode puissante est hautement personnalisable et vous permet de cibler des types de texte spécifiques, tels que les titres ou les paragraphes, sur l'ensemble de votre site.

La bonne nouvelle est que vous pouvez personnaliser le texte sur l'ensemble d'un site en ajoutant du CSS personnalisé. Mieux encore, cette méthode vous permet de définir différentes couleurs pour des types de texte spécifiques, tels que les titres de niveau 1 (h1) ou le texte de paragraphe (p).

Comme l'édition et la personnalisation des thèmes WordPress peuvent varier d'un thème à l'autre, nous vous recommandons d'utiliser WPCode pour ajouter du CSS personnalisé à votre site.

WPCode est le meilleur plugin d'extraits de code utilisé par plus d'un million de sites WordPress. Il permet d'ajouter facilement du CSS, du PHP, du HTML personnalisé, et plus encore, sans avoir à modifier les fichiers principaux de WordPress.

La première chose à faire est d'installer et d'activer le plugin gratuit WPCode. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, allez dans Extraits de code » Ajouter un extrait.

Ici, vous verrez tous les extraits WPCode prêts à l'emploi que vous pouvez ajouter à votre site.

Survolez simplement votre souris sur ‘Ajouter votre code personnalisé’ puis sélectionnez ‘Utiliser l'extrait’ lorsqu'il apparaît.

Pour commencer, tapez un titre pour l'extrait de code personnalisé. Cela peut être n'importe quoi qui vous aide à identifier l'extrait dans le tableau de bord WordPress.

Après cela, ouvrez le menu déroulant ‘Type de code’ et sélectionnez ‘Extrait CSS’.

Ensuite, vous pouvez ajouter le CSS personnalisé dans le petit éditeur de code. Vous devrez saisir le sélecteur pour le type de texte que vous personnalisez, suivi du code hexadécimal de la couleur que vous souhaitez utiliser.

Par exemple, vous pouvez changer la couleur du texte des paragraphes en ajoutant ce qui suit :

p { color:#990000; }

Si vous souhaitez utiliser une couleur différente pour les titres de votre site, vous devrez utiliser les sélecteurs h1, h2, h3 ou similaires.

Vous pouvez le voir dans l'image ci-dessous.

Si vous n'êtes pas sûr du code hexadécimal à utiliser, vous pouvez utiliser un site tel que HTML color codes.

Lorsque vous êtes satisfait de l'extrait, faites défiler jusqu'à la section « Insertion ». WPCode peut ajouter le CSS à différents emplacements, tels qu'après chaque publication, uniquement sur le frontend, ou uniquement sur l'administration.

Pour modifier le texte sur l'ensemble de votre blog WordPress, cliquez sur « Insertion automatique » s'il n'est pas déjà sélectionné. Ensuite, ouvrez le menu déroulant « Emplacement » et choisissez « En-tête du site entier ».

Une fois que vous avez fait cela, faites défiler jusqu'en haut de l'écran et cliquez sur le commutateur « Inactif » pour qu'il devienne « Actif ».

Enfin, cliquez sur « Enregistrer l'extrait » pour rendre l'extrait CSS actif.

Maintenant, si vous visitez votre site, vous verrez le texte personnalisé en direct.

Si vous souhaitez utiliser une couleur de texte différente à tout moment ou simplement ajouter plus de CSS à cet extrait, accédez à Extraits de code » Extraits de code. Ici, survolez l'extrait que vous venez de créer avec votre souris et cliquez sur « Modifier » lorsqu'il apparaît.

Vous pouvez maintenant modifier l'extrait de code pour utiliser la nouvelle couleur, puis cliquer sur « Enregistrer l'extrait » pour que la modification soit appliquée en direct sur votre site Web.

En plus de la couleur du texte, vous pouvez également utiliser WPCode pour changer la couleur par défaut lorsque vous sélectionnez du texte ou activer des surlignages de texte sur le contenu d'une page et d'un article.

Méthode 5 : Comment changer la couleur du texte dans un constructeur de pages

Souvent, vous voudrez que vos pages de destination aient un aspect différent du reste de votre site Web. Cela les fait ressortir, ce qui peut vous permettre d'obtenir plus de conversions.

Ceci est particulièrement important si vous avez plusieurs pages de destination, comme une pour une liste d'attente virale et une autre pour une campagne Google Ads. Chacune de ces pages peut nécessiter sa propre conception et sa propre palette de couleurs pour cibler efficacement différents publics ou canaux marketing.

Si vous souhaitez créer une page de destination ou une page de vente, nous vous recommandons d'utiliser SeedProd. Parmi tous les constructeurs de pages que nous avons essayés, c'est le meilleur sur le marché et il dispose d'un constructeur de pages par glisser-déposer facile à utiliser.

SeedProd est livré avec plus de 90 blocs que vous pouvez simplement faire glisser et déposer sur votre mise en page. Vous pouvez ensuite affiner ces blocs de nombreuses manières différentes, y compris en modifiant la couleur du texte.

Si vous utilisez une page personnalisée pour obtenir plus de conversions, SeedProd fonctionne avec de nombreux outils tiers populaires que vous utilisez peut-être déjà pour gérer les conversions.

Cela inclut les meilleurs services de marketing par e-mail, WooCommerce, Google Analytics, et plus encore.

Tout d'abord, vous devez installer et activer SeedProd. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Après avoir activé le plugin, SeedProd vous demandera votre clé de licence.

Vous pouvez trouver ces informations dans votre compte sur le site Web de SeedProd. Après avoir saisi la clé de licence, cliquez sur le bouton « Vérifier la clé ».

Ensuite, vous devez visiter SeedProd » Pages et cliquer sur le bouton « Ajouter une nouvelle page de destination ».

Après cela, il est temps de choisir un modèle. SeedProd propose plus de 300 modèles conçus par des professionnels que vous pouvez personnaliser avec vos propres images, textes, couleurs, etc.

Pour sélectionner un modèle, survolez-le simplement avec votre souris, puis cliquez sur l'icône « Coche ».

Nous utilisons le modèle « Juicy Sales Page » dans toutes nos images, mais vous pouvez utiliser n'importe quel design.

Ensuite, tapez un nom pour la page personnalisée. SeedProd créera automatiquement une URL basée sur le titre de la page, mais vous pouvez modifier cette URL comme vous le souhaitez.

Lorsque vous êtes satisfait des informations saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

Ensuite, vous serez dirigé vers le constructeur de pages par glisser-déposer de SeedProd, où vous pourrez personnaliser votre modèle.

L'éditeur SeedProd affiche un aperçu en direct de votre conception à droite et certains paramètres de bloc à gauche.

Le menu de gauche contient également des blocs que vous pouvez faire glisser sur votre mise en page.

Par exemple, vous pouvez faire glisser et déposer des blocs standard comme les boutons et les images ou utiliser des blocs avancés tels que les compteurs de compte à rebours, les témoignages rotatifs, les boutons de partage social, et plus encore.

SeedProd est également livré avec des « Sections », qui sont des collections de blocs souvent utilisés ensemble. Par exemple, SeedProd propose un en-tête, une image principale, un appel à l'action, des témoignages, un formulaire de contact, des FAQ, des fonctionnalités, des sections de pied de page, et plus encore. Cela peut vous aider à créer rapidement une page au design professionnel.

Pour parcourir les différentes sections, cliquez simplement sur l'onglet « Sections ». Pour prévisualiser une section, survolez-la avec votre souris, puis cliquez sur l'icône de la loupe.

Pour ajouter la section à votre design, cliquez simplement sur « Choisir cette section ».

Cela ajoutera la section en bas de votre page.

Vous pouvez déplacer les sections et les blocs dans votre mise en page en utilisant le glisser-déposer.

Pour personnaliser un bloc, cliquez simplement dessus pour le sélectionner dans votre mise en page. Le menu de gauche affichera désormais tous les paramètres que vous pouvez utiliser pour configurer ce bloc.

Pour changer la couleur du texte, cliquez simplement sur n'importe quel bloc qui contient du texte.

Dans le menu de gauche, sélectionnez l'onglet « Avancé ». Sous « Styles », cliquez sur « Couleur ».

Cela ouvrira une fenêtre contextuelle où vous pourrez choisir une nouvelle couleur de texte.

Une autre option est de taper un code hexadécimal dans le champ « Hex ».

Vous pouvez maintenant changer la couleur du texte de n'importe quel autre bloc en suivant simplement le même processus décrit ci-dessus.

Lorsque vous êtes satisfait de l'apparence de la page, il est temps de la publier en cliquant sur le bouton « Enregistrer ». Ensuite, choisissez « Publier ».

Si vous visitez votre boutique en ligne, votre blog ou votre site web, vous verrez la nouvelle page en action, avec vos couleurs de texte personnalisées.

Foire aux questions sur la modification de la couleur du texte

Voici quelques questions que nos lecteurs ont posées concernant la modification de la couleur du texte dans WordPress :

Quelle est la méthode la plus simple pour changer la couleur du texte de tout un site web ?

La meilleure façon est d'utiliser les paramètres intégrés de votre thème. Pour les thèmes classiques, vous pouvez trouver cela dans le personnalisateur WordPress sous Apparence » Personnaliser, généralement dans un onglet « Typographie » ou « Couleurs ».

Pour les thèmes de blocs modernes, vous pouvez définir des couleurs globales en allant dans Thèmes » Éditeur et en cliquant sur l'icône « Styles ». Cela garantit une apparence cohérente sur toutes vos pages.

Pourquoi ne puis-je pas changer la couleur de mon texte dans WordPress ?

Ce problème survient souvent lorsque la feuille de style de votre thème (CSS) remplace les paramètres que vous choisissez dans l'éditeur. Le code du thème peut avoir une règle plus spécifique pour la couleur du texte. Dans ces cas, l'ajout de votre propre CSS personnalisé (comme montré dans la méthode 4) est le moyen le plus fiable de forcer le changement de couleur que vous souhaitez.

Quelle est la meilleure pratique pour la couleur du texte et l'accessibilité ?

Pour l'accessibilité, il est très important de s'assurer qu'il y a un contraste élevé entre votre texte et la couleur de son arrière-plan. Cela rend votre contenu lisible pour les visiteurs ayant des déficiences visuelles. Nous recommandons d'utiliser un outil en ligne comme le vérificateur de contraste WebAIM pour vous assurer que vos combinaisons de couleurs respectent les normes d'accessibilité.

Nous espérons que ce tutoriel vous a aidé à apprendre comment changer la couleur du texte dans WordPress. Vous voudrez peut-être aussi consulter notre tutoriel sur comment ajouter un redimensionneur de police dans WordPress et les moyens de créer un site WordPress adapté aux mobiles.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.