À retenir
- La couleur de texte globale se règle dans l’Éditeur de thème > Paramètres du thème > Couleurs.
- La plupart des thèmes ont une pastille de couleur “Texte” qui contrôle la couleur de police de base sur tout le site.
- Dans certains thèmes, il est possible de modifier les couleurs par section via les paramètres de la section.
- Les couleurs personnalisées pour des éléments spécifiques nécessitent d’utiliser du CSS dans le dossier assets de votre thème.
- Fudge peut appliquer des changements de couleur ciblés à partir d’une simple description.
Pour changer la couleur de la police sur Shopify, allez dans Boutique en ligne > Thèmes > Personnaliser > Paramètres du thème > Couleurs et modifiez la pastille Texte. Pour une seule section, modifiez son jeu de couleurs ; pour un élément unique, ajoutez du CSS.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également créé Fudge, l’opérateur IA pour les boutiques Shopify, qui a une note de 4.9 sur le Shopify App Store.
Méthode 1 - Changer la couleur globale du texte dans l’Éditeur de thème
Cela modifie la couleur de texte de base sur toute votre boutique.
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Dans la barre latérale gauche, faites défiler vers le bas et cliquez sur Paramètres du thème.
Étape 3. Ouvrez la section Couleurs.
Étape 4. Trouvez la pastille de couleur Texte (parfois appelée « Texte du corps » ou « Premier plan »). Cliquez dessus pour ouvrir le sélecteur de couleurs.
Étape 5. Entrez un code hexadécimal, utilisez le sélecteur de couleurs ou ajustez les curseurs pour définir la couleur souhaitée.
Étape 6. Cliquez sur Enregistrer.
Cela met à jour la couleur du texte par défaut partout où votre thème utilise la variable CSS --color-foreground ou une variable similaire.
Les liens ont généralement leur propre paramètre de couleur ; consultez comment changer la couleur des liens sur Shopify.
Méthode 2 - Modifier la couleur du texte d’une section spécifique
De nombreux thèmes Shopify modernes vous permettent de définir un jeu de couleurs par section - fond clair avec texte sombre, fond sombre avec texte clair, etc.
Étape 1. Ouvrez l’Éditeur de thème et naviguez jusqu’à la section que vous souhaitez ajuster.
Étape 2. Cliquez sur la section dans la barre latérale gauche pour ouvrir ses paramètres.
Étape 3. Cherchez le menu déroulant Jeu de couleurs (Color scheme). Sélectionnez un jeu avec le contraste de texte dont vous avez besoin.
Étape 4. Enregistrez.
Tous les thèmes n’ont pas de jeux de couleurs par section. Si vous ne voyez pas cette option, cela veut dire que votre thème applique une seule couleur de texte globale.
Méthode 3 - Modifier la couleur de la police avec du CSS
Pour un contrôle précis (une couleur de titre spécifique, un bloc de mise en avant coloré, la couleur du texte sur un seul élément), vous avez besoin de CSS.
Étape 1. Dupliquez d’abord votre thème. Allez dans Boutique en ligne > Thèmes, cliquez sur le menu à trois points (…) à côté de votre thème, puis sur Dupliquer.
Étape 2. Sur le thème dupliqué, cliquez sur le menu à trois points (…), puis sur Modifier le code.
Étape 3. Ouvrez Assets > base.css (ou la feuille de style principale de votre thème).
Étape 4. Ajoutez une règle CSS en bas du fichier. Par exemple :
/* Modifie le texte de tous les paragraphes en gris foncé */
p {
color: #333333;
}
/* Modifie les titres H2 aux couleurs de la marque */
h2 {
color: #1a4b8c;
}
/* Modifie le texte à l'intérieur d'une section spécifique */
.section-announcement-bar {
color: #ffffff;
}Étape 5. Cliquez sur Enregistrer.
Comment trouver le bon sélecteur CSS
Faites un clic droit sur l’élément dans votre navigateur, choisissez Inspecter, et regardez les noms de classe de l’élément dans le panneau HTML. Utilisez ces classes comme sélecteurs CSS.
Pour rafraîchir entièrement votre palette et vos polices, consultez comment mettre à jour les couleurs et les polices sur Shopify.
Modifier la couleur de la police dans l’éditeur de Pages Shopify
Si vous modifiez une page autonome (Boutique en ligne > Pages), l’éditeur de texte enrichi inclut un outil de couleur de texte dans la barre d’outils. Sélectionnez le texte que vous souhaitez colorer, cliquez sur l’icône de couleur et choisissez votre couleur.
Cela applique un style en ligne à ce texte spécifique. Cela n’affectera aucun autre texte sur votre site.
Utiliser Fudge pour modifier la couleur de la police
Si les paramètres de couleur de l’Éditeur de thème ne suffisent pas, Fudge, l’opérateur IA pour les boutiques Shopify, peut effectuer des changements de couleur ciblés sans que vous n’ayez à écrire de CSS. Décrivez simplement ce que vous voulez :
« Change la couleur des titres sur les pages produits pour le bleu de notre marque, #1a4b8c. »
« Mets le texte de la barre d’annonces en blanc. »
Fudge écrit le CSS, l’applique à votre thème sous forme de brouillon, et vous pouvez vérifier le tout avant de publier. Comme il lit d’abord votre thème, la nouvelle couleur s’intègre avec vos paramètres de couleurs existants au lieu de créer des conflits.
Référence rapide
| Objectif | Méthode |
|---|---|
| Changer la couleur de tout le texte principal | Paramètres du thème > Couleurs > Texte |
| Changer la couleur par section | Paramètres de la section > Jeu de couleurs |
| Changer la couleur d’un élément spécifique | CSS dans assets/base.css |
| Colorer un texte spécifique dans une page | Éditeur de pages > Outil de couleur du texte |
Comment changer la police (typographie) dans Shopify ?
Changer la famille de polices — la typographie elle-même, pas sa couleur — se fait dans Paramètres du thème → Typographie, et non dans Couleurs. Vous y trouverez des sélecteurs séparés pour la police des titres et la police du corps. Pour un guide complet, consultez comment mettre à jour les polices dans Shopify.
Comment ajouter une nouvelle couleur à mon thème Shopify ?
Allez dans Paramètres du thème → Couleurs (ou Jeux de couleurs dans les thèmes modernes comme Dawn). Cliquez sur n’importe quelle pastille de couleur pour ouvrir le sélecteur et entrez votre code hexadécimal. Pour les couleurs qui ne sont pas exposées dans l’Éditeur de thème (comme les couleurs des icônes ou les états au survol), vous devrez les ajouter via CSS. Consultez notre guide sur la mise à jour des couleurs de marque sur Shopify pour connaître toute la procédure.
Si vous choisissez des couleurs plutôt que d’appliquer une palette existante, notre outil gratuit de création de boutique Shopify par IA génère une palette complète et des associations de polices à partir d’une description de ce que vous vendez.
FAQ
Pourquoi la mise à jour de ma couleur de texte globale ne s'affiche-t-elle pas sur tout le site ?
Deux causes fréquentes : vous avez modifié un thème en brouillon mais le thème en ligne est inchangé, ou votre thème utilise des jeux de couleurs par section qui outrepassent la couleur de texte globale. Dans les thèmes modernes (Dawn, Sense, Refresh), chaque section peut épingler son propre jeu de couleurs ; modifiez le jeu de la section, ou mettez à jour tous les jeux utilisés.
Quelle est la différence entre la couleur de la police et la couleur des liens sur Shopify ?
La couleur de la police contrôle le texte du corps et des titres. La couleur des liens contrôle les balises d'ancrage (<a>) et se règle séparément (généralement dans Paramètres du thème → Couleurs sous « Lien » ou « Accent »). Modifier l'une n'affecte pas l'autre ; si vos liens héritent de la couleur du texte du corps, c'est parce que le thème a été configuré ainsi délibérément.
Puis-je changer la couleur d'un seul paragraphe ou d'un seul mot ?
Oui. Dans l'éditeur de texte enrichi des pages ou de la description du produit, sélectionnez le texte et utilisez l'outil de couleur de texte de la barre d'outils (cela applique des styles inline uniquement à ce texte). Pour un contrôle par élément dans les sections du thème, décrivez ce que vous voulez à Fudge (« mets le titre "Nouveautés" de la page d'accueil en rouge ») et il enveloppera le texte dans une classe et écrira le CSS. Manuellement : enveloppez le texte dans un <span class="..."> et ciblez-le en CSS.
Pourquoi ma règle de couleur CSS ne remplace-t-elle pas la couleur du thème ?
C'est une question de spécificité CSS. Les styles de thème utilisent souvent des sélecteurs plus spécifiques qu'une règle générique p { color: ... }. Essayez d'égaler ou de dépasser la spécificité du thème (par ex. .product-description p { color: ... }) ou utilisez !important avec parcimonie. Consultez les DevTools de votre navigateur ; le panneau Styles montre quelle règle l'emporte et pourquoi.
Changer la couleur du texte affectera-t-il le SEO sur Shopify ?
Pas directement. Mais un faible contraste rend le texte difficile à lire et ne respecte pas les directives d'accessibilité WCAG. Visez un contraste d'au moins 4,5:1 pour le texte du corps. Utilisez un outil de vérification de contraste avant de mettre en ligne des changements de couleur audacieux.
