Comment modifier la taille du texte CSS dans Shopify

Quelle est la taille du texte CSS dans Shopify ?

En CSS, la propriété qui contrôle la taille du texte est taille de police.

Vous pouvez l'appliquer à l'échelle du site (tous les titres ou le corps du texte) via l'éditeur de thèmes de Shopify. Vous pouvez également l'appliquer simplement à éléments spécifiques (comme les titres de produits ou les éléments de menu) avec CSS personnalisé.

Si vous utilisez un constructeur de pages tiers comme GemPages, vous pouvez contrôler la taille du texte visuellement sans coder dans l'éditeur de l'application.

Comment modifier la taille du texte de vos pages Shopify ?

Méthode 1 : Utiliser l'éditeur de thèmes Shopify (sans code)

Le moyen le plus simple d'ajuster les tailles de police dans votre boutique est d'utiliser l'éditeur de thèmes.

Suivez les étapes de synthèse:

• Depuis votre interface d'administration Shopify, accédez à Boutique en ligne > Thèmes.
• Trouvez votre thème actif et cliquez Personnaliser.

• Dans la barre latérale gauche, sélectionnez Paramètres du thème > Typographie.
• Ajuste le Échelle de taille de police pour les titres et le corps du texte.

Ce changement s'applique à l'ensemble du site et est généralement représenté sous forme de pourcentage (100 % = par défaut).

Méthode 2 : Utilisation de CSS (code personnalisé)

Pour un contrôle plus précis sur des éléments spécifiques, vous pouvez modifier le CSS de votre thème.

Suivez les étapes de synthèse:

• Depuis l'administrateur Shopify, accédez à Boutique en ligne > Thèmes.
• Recherchez votre thème actif et cliquez sur le bouton trois points icône (sur le bord gauche de l'écran) > Modifier le code.

• Dans l' Outils dossier, localisez votre fichier CSS (par exemple, theme.css, base.css, ou theme.liquid). 

• Faites défiler vers le bas et ajoutez vos règles CSS personnalisées.

Exemples :

• Enregistrez les modifications et videz votre cache pour afficher les mises à jour en direct.

Modifiez la taille de votre texte à l'aide de GemPages

Si vous préférez un solution visuelle sans codeGemPages permet d'ajuster facilement la taille du texte directement dans l'éditeur.

Étape 1 : Depuis votre interface d'administration Shopify, accédez à l' Générateur de pages GemPages application> PagesCliquez sur la page sur laquelle vous souhaitez modifier la taille du texte pour ouvrir l'éditeur GemPages.

Étape 2 : Une fois que vous avez localisé l’éditeur, cliquez sur le texte pour afficher son panneau de paramètres.

Étape 3 : En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Paramètres onglet, faites défiler jusqu'à Style de texte .

Étape 4 : Localisez le Taille et ajustez la taille du texte selon vos préférences. Vous pouvez également mettre le texte en gras, en italique ou le souligner. plus personnaliser it.

Étape 5 : Enregistrez vos mises à jour et prévisualisez la page avant de la publier pour vérifier le résultat.

Meilleures pratiques pour définir la taille du texte CSS

• Utiliser des unités réactives: Préférer rem or em plus de px pour un texte évolutif sur plusieurs appareils.
• Maintenir la hiérarchie: Assurez-vous que les titres sont plus grands que le corps du texte pour plus de clarté.
• Vérifier la lisibilité:Testez vos modifications sur ordinateur et sur mobile.

Questions fréquentes

1. Dois-je utiliser px, em, ou rem pour la taille du texte ?

Le em   rem tailles de texte sont recommandés pour une meilleure réactivité.

2. La modification de la taille du texte aura-t-elle un impact sur le référencement ?

Pas directement. Mais une meilleure lisibilité améliore l'expérience utilisateur, ce qui peut influencer positivement le référencement.

3. Puis-je prévisualiser les modifications avant de les publier ?

Oui. L'éditeur de thèmes Shopify et GemPages permettent tous deux de prévisualiser en direct les modifications avant leur publication dans votre boutique.