Taille de police dans WordPress : guide complet pour tout modifier sans casser votre design

Sommaire de l'article

Introduction

La taille de police dans WordPress est unélément crucial pour garantir une expérience utilisateur optimale, une bonne lisibilité et de meilleures performances SEO. Que vous soyez blogueur débutant ou webmaster confirmé, savoir comment ajuster la taille des polices dans WordPress, bloc par bloc ou globalement, est indispensable pour améliorer l’apparence et l’accessibilité de votre site.

Dans cet article complet, nous allons explorer en profondeur les différents moyens de modifier la taille de police dans WordPress : via l’éditeur de blocs (Gutenberg), via le thème (Customizer ouéditeur de site), à l’aide de CSS personnalisé ou encore grâce à des plugins dédiés. Nous verronségalement les bonnes pratiques modernes (unités rem/em, accessibilité, cohérence visuelle) pour obtenir un site professionnel, lisible et performant.

Comprendre les différents types de thèmes WordPress

Avant de modifier la taille de police, il est essentiel de comprendre une distinction importante dans l’écosystème WordPress : les thèmes classiques (classic themes) et les thèmes blocs (block themes, compatiblesÉditeur de site / Full Site Editing).

Thèmes classiques : la personnalisation globale de la typographie se fait principalement via le menu Apparence → Personnaliser, parfois dans une section Typographie ou Polices. Tous les thèmes classiques ne proposent pas de réglage détaillé de taille de police ; dans ce cas, il faut passer par du CSS personnalisé ou un plugin.
Thèmes blocs (Full Site Editing) : la personnalisation des tailles de police se fait via Apparence → Éditeur (Éditeur de site). Vous y trouverez un onglet Styles, puis Typographie pour définir les tailles globales et les préréglages de taille de police.

Le chemin exact dans l’interface peut donc varier selon le type de thème et son auteur. Si vous ne voyez pas d’options de typographie dans le Customizer ou l’Éditeur de site, cela ne signifie pas que c’est impossible : cela veut simplement dire qu’il faudra utiliser du CSS personnalisé ou un plugin spécialisé pour contrôler les tailles de police.

Concepts clés liés à la taille de police dans WordPress

La taille de police peutêtre ajustée à plusieurs niveaux dans WordPress :

Globalement au niveau du thème (corps de texte, titres, menus, etc.).
Bloc par bloc dans l’éditeur de blocs (Gutenberg) : paragraphe, titre, liste, bouton, etc.
À l’aide de CSS personnalisé : pour des réglages fins ou lorsque le thème ne propose pas d’options de typographie.
Avec des plugins dédiés : pour gérer facilement tailles de police et polices personnalisées, sans toucher au code.

Il estégalement essentiel de considérer l’impact de la taille de police sur le SEO, l’accessibilité et l’expérience utilisateur. Une police trop petite rend le texte difficile à lire, surtout sur mobile, tandis qu’une police trop grande peut déséquilibrer la mise en page. Un bon compromis consiste à utiliser une taille de base confortable (souvent autour de 16 px ou 1 rem pour le corps de texte) et une hiérarchie claire pour les titres.

Modifier la taille de police bloc par bloc avec l’éditeur Gutenberg

L’éditeur de blocs (Gutenberg) intégré aux versions récentes de WordPress permet de modifier la taille du texte bloc par bloc, sansécrire une ligne de code. C’est la méthode la plus simple pour ajuster la taille d’un paragraphe, d’un titre ou d’un bouton spécifique.

Changer la taille d’un paragraphe

Pour modifier la taille de police d’un bloc paragraphe dans Gutenberg :

Connectez-vous au tableau de bord WordPress.
Ouvrez l’article ou la page où vous souhaitez modifier la taille du texte.
Cliquez sur le bloc Paragraphe que vous voulez ajuster.
Dans la colonne de droite, assurez-vous que l’onglet Bloc est sélectionné. Si le panneau n’est pas visible, cliquez sur l’icône d’engrenage en haut à droite.
Repérez la section Typographie ou Réglages du texte.
Dans Taille de la police (Font size), choisissez une taille prédéfinie (par exemple : small, regular, medium, large, huge) ou cliquez sur Personnalisée pour entrer une valeur exacte.

Selon le thème et la configuration, vous pouvez parfois choisir des unités comme px, em ou rem, ce qui permet d’adapter la taille plus précisément.

Modifier la taille des titres (H1, H2, H3…) dans Gutenberg

Les blocs de titre disposent eux aussi de leurs propres paramètres de typographie :

Dans l’éditeur de blocs, sélectionnez un bloc Titre.
Dans le panneau de droite, sous Bloc → Typographie, ajustez la Taille de la police via une liste de préréglages ou via un champ de taille personnalisée.
Vous pouvez aussi modifier le niveau du titre (H2, H3, H4…) directement dans la barre d’outils au-dessus du bloc.

Veillez à conserver une hiérarchie cohérente (H1 pour le titre principal de la page, H2 pour les grandes sections, H3 pour les sous-sections, etc.) afin de favoriser la lisibilité et le référencement naturel.

Taille de police pour d’autres blocs (listes, boutons, citations…)

De nombreux blocs natifs de Gutenberg intègrent aujourd’hui leurs propres options de taille de police dans l’onglet Bloc → Typographie :

Blocs Liste : possibilité d’ajuster la taille du texte des listes.
Blocs Bouton : paramétrage de la taille du texte dans le bouton, souvent couplé aux réglages de taille du bouton lui-même.
Blocs Citation : réglages pour le texte de la citation et parfois pour la source.

Pensez à vérifier ces options bloc par bloc : dans un site moderne basé sur Gutenberg, la typographie se contrôle souvent à ce niveau, en plus des réglages globaux du thème.

Modifier la taille de police globalement avec le thème

Pour définir des tailles de police cohérentes sur l’ensemble du site (corps de texte, titres, menus…), il est préférable de passer par les réglages globaux du thème. La méthode varie selon que vous utilisez un thème classique ou un thème blocs.

Avec un thème classique : via le Customizer

Sur de nombreux thèmes classiques, vous pouvez ajuster la typographie globale via le Customizer :

Depuis le tableau de bord, allez dans Apparence → Personnaliser.
Cherchez une section intitulée Typographie, Polices, Fonts ou similaire.
Selon le thème, vous pouvez régler séparément la taille de :
- la police du corps de texte (paragraphes) ;
- les titres (H1, H2, H3…) ;
- les menus etéléments d’interface.
Utilisez les curseurs ou les champs numériques pour indiquer la taille souhaitée (souvent en px, parfois en rem ou em).
Cliquez sur Publier pour sauvegarder vos réglages.

Important : certains thèmes classiques ne proposent pas de réglage de taille de police. Dans ce cas, vous devrez utiliser du CSS additionnel ou un plugin pour obtenir le niveau de contrôle souhaité.

Avec un thème blocs (Full Site Editing) : via l’Éditeur de site

Si votre site utilise un thème blocs, la configuration se fait principalement via l’Éditeur de site :

Allez dans Apparence → Éditeur (ou “Éditeur de site”).
Cliquez sur l’icône Styles (souvent un cercle à demi rempli) dans la barre latérale.
Accédez à la section Typographie.
Vous pouvez y définir des tailles pour :
- le texte du corps (Body) ;
- les titres ;
- et parfois deséléments spécifiques selon le thème.
Certains thèmes blocs proposent des préréglages de taille (font size presets), que vous pouvez personnaliser puis réutiliser dans les blocs Gutenberg.

Cette approche permet de définir une base typographique cohérente, réutilisée automatiquement dans vos gabarits (templates), en-têtes, pieds de page et contenus.

Changer la taille de police avec du CSS personnalisé

Lorsque le thème ne propose pas les options souhaitées, ou que vous avez besoin de réglages très précis, l’utilisation de CSS personnalisé est la solution la plus flexible.

Où ajouter le CSS personnalisé ?

Vous pouvez ajouter du CSS personnalisé directement depuis l’interface d’administration WordPress :

Pour les thèmes classiques : Apparence → Personnaliser → CSS additionnel.
Pour de nombreux sites (y compris certains thèmes blocs) : même chemin via le Customizer si disponible, ou via les options de CSS additionnel proposées par l’hébergeur ou un plugin.

Exemples concrets de CSS pour la taille de police

Voici quelques exemples de règles CSS couramment utilisées pour ajuster la taille de police sur un site WordPress :

/* Changer la taille de police globale du site */
body { font-size: 1.25rem; /* Environ 20 px si la base est 16 px */
} /* Changer la taille des paragraphes */
p { font-size: 18px;
} /* Changer la taille des titres d’articles (exemple de classe) */
.post-title { font-size: 24px;
} /* Ajuster la taille des titres H2 */
h2 { font-size: 2.2rem;
} /* Exemple pour le texte de la barre latérale */
.sidebar li { font-size: 0.9rem;
}

Ces règles sont à adapter selon la structure HTML et les classes spécifiques de votre thème. Pour les identifier, utilisez l’inspecteur de votre navigateur (clic droit → “Inspecter”).

Cibler seulement certains mots ou expressions avec du CSS en ligne

Si vous souhaitez agrandir seulement quelques mots dans un paragraphe, vous pouvez utiliser du CSS en ligne en mode HTML du bloc :

Dans l’éditeur de blocs, sélectionnez le bloc concerné.
Ouvrez le menu à trois points du bloc et choisissez Modifier en HTML.
Entourez les mots à agrandir avec une balise et un style en ligne, par exemple :

Ce texte est normal, mais ces mots sont plus grands.

Cette technique est pratique pour des exceptions ponctuelles, mais il est recommandé de privilégier des classes CSS réutilisables plutôt que de multiplier les styles en ligne sur tout le site.

Utiliser des plugins pour modifier la taille de police dans WordPress

Si vous ne souhaitez pasécrire de CSS ou si votre thème est très limité, vous pouvez vous tourner vers des plugins dédiés à la typographie. Ils permettent d’ajuster la taille de police bloc par bloc ou globalement, souvent grâce à une interface visuelle.

Types de plugins utiles pour la taille de police

Plugins d’éditeur avancé (type “Advanced Editor”) : ils enrichissent l’éditeur de blocs ou l’éditeur classique avec des options supplémentaires, dont des menus déroulants pour la taille de police.
Plugins de polices personnalisées (Custom Fonts, Google Fonts, etc.) : en plus de gérer les familles de polices, certains permettent de définir des tailles et des variantes typographiques pour les titres et le corps de texte.
Plugins orientés design global : ils ajoutent une couche de personnalisation au-dessus du thème, avec des options de taille de police pour différentséléments (titres, widgets, menus, etc.).

L’avantage des plugins est de pouvoir gérer la typographie sans toucher au code, mais il faut veiller à ne pas en abuser pouréviter de surcharger le site et de créer des conflits entre les réglages du thème et ceux du plugin.

Bonnes pratiques modernes pour la taille de police

Modifier la taille de police ne consiste pas seulement à “agrandir le texte”. Il s’agit aussi de respecter des bonnes pratiques de lisibilité, d’accessibilité et de SEO.

Utiliser les bonnes unités : rem et em plutôt que uniquement px

Il est recommandé d’utiliser principalement les unités rem et em pour les tailles de police, plutôt que seulement des valeurs fixes en px. Cela permet :

de respecter les préférences de taille de texte de l’utilisateur ;
d’améliorer la compatibilité avec les fonctions de zoom du navigateur ;
d’obtenir un design plus souple et plus accessible.

Par exemple :

1rem correspond généralement à la taille de base définie pour le document (souventéquivalente à 16 px).
1.5rem sera 1,5 fois la taille de base.
em est relatif à la taille du bloc parent, ce qui permet deséchelles typographiques flexibles par section.

Assurer une bonne hiérarchie visuelle

Pour une mise en page harmonieuse :

Définissez une taille de base confortable pour le corps de texte (par exemple autour de 1 rem à 1.125 rem).
Créez une hiérarchie logique pour les titres, par exemple :
- H1 : 2 rem à 2.5 rem
- H2 : 1.6 rem à 2 rem
- H3 : 1.3 rem à 1.6 rem
- etc., avec des différences suffisamment marquées.
Évitez que chaque paragraphe ait une taille différente : la cohérence est primordiale pour le confort de lecture.

Penser mobile first et accessibilité

Sur mobile, des tailles de police trop petites ou trop grandes nuisent à l’expérience utilisateur. Quelques principes utiles :

Tester vos pages sur smartphone et tablette pour vérifier la lisibilité des paragraphes et des titres.
Éviter les tailles en px trop rigides, surtout pour les textes de base.
Laisser la possibilité aux utilisateurs d’agrandir le texte via le zoom du navigateur, ce qui est facilité par l’usage de rem/em.

Une bonne lisibilité et une structure claire aidentégalement les moteurs de recherche à comprendre votre contenu, ce qui contribue indirectement à de meilleures performances SEO.

Impact de la taille de police sur le SEO et l’expérience utilisateur

La taille de police influe de manière significative sur le comportement des visiteurs :

Un texte trop petit augmente le taux de rebond, car les utilisateurs abandonnent une page difficile à lire.
Un texte agréablement lisible encourage les visiteurs à rester plus longtemps, à faire défiler la page et à consulter d’autres contenus.
Une hiérarchie de titres claire (H1, H2, H3) aide les moteurs de recherche à comprendre votre contenu, et améliore la navigation pour les utilisateurs utilisant des lecteurs d’écran.

Ainsi, travailler la taille de police dans WordPress n’est pas seulement une question d’esthétique : c’est un réel levier d’optimisation de l’expérience utilisateur et du référencement naturel.

Outils et ressources utiles pour gérer les tailles de police

Pour faciliter la gestion des tailles de police dans WordPress, plusieurs familles d’outils peuvent vous aider.

Le Customizer et l’Éditeur de site WordPress

Customizer (Apparence → Personnaliser) : pratique sur les thèmes classiques pour ajuster rapidement la typographie globale sans toucher au code. Vous pouvez y visualiser les changements en temps réel avant de les publier.
Éditeur de site (Apparence → Éditeur) pour les thèmes blocs : permet de définir des styles globaux, dont les tailles de police pour le corps de texte et les titres, avec une prévisualisation immédiate.

Plugins de typographie et de design

Certains plugins permettent un contrôle avancé du design, y compris des tailles de police, tout en restant accessibles aux utilisateurs non techniques. Ils complètent les options du thème lorsque celles-ci sont limitées.

Plugins SEO et analyse de contenu

Des plugins SEO comme Rank Math ou des outils similaires peuvent analyser votre contenu et signaler des problèmes de lisibilité (phrases trop longues, structures confuses, etc.). Même s’ils ne changent pas directement la taille de police, ils aident à aligner typographie, structure de texte et objectifs SEO.

FAQ – Taille de police dans WordPress

Comment changer rapidement la taille d’une police dans WordPress ?
Pour un changement rapide sur un texte précis, ouvrez l’article ou la page dans l’éditeur de blocs, sélectionnez le bloc concerné (paragraphe, titre, bouton…), puis utilisez la section Typographie → Taille de la police dans la colonne de droite. Pour des changements globaux, utilisez Apparence → Personnaliser (thème classique) ou Apparence → Éditeur → Styles → Typographie (thème blocs).
Puis-je ajuster la taille des titres pour améliorer le SEO ?
Oui. Une taille de titre bien proportionnée renforce la hiérarchie visuelle et améliore la lisibilité, ce qui peut avoir un impact positif indirect sur le SEO. Assurez-vous que votre H1 reste le titre principal de la page, et que vos H2, H3, etc. suivent une logique claire, avec des tailles décroissantes cohérentes.
Que faire si mon thème ne propose aucun réglage de taille de police ?
Si votre thème ne propose pas d’options de typographie dans le Customizer ou l’Éditeur de site, vous avez deux alternatives principales : ajouter du CSS personnalisé (via Apparence → Personnaliser → CSS additionnel) ou installer un plugin dédié à la typographie ou aux polices personnalisées.
Quels sont les meilleurs plugins pour contrôler les tailles de police ?
Plutôt que de se limiter à des “plug-ins CSS”, il est préférable d’utiliser des plugins de typographie, de polices personnalisées ou d’éditeur avancé. Ils permettent, selon les cas, de gérer les tailles de police globales, d’ajouter des préréglages de taille ou de modifier finement la typographie bloc par bloc sans toucher au code.
Quelles unités de mesure utiliser pour la taille de police ?
Les unités les plus courantes pour la taille de police dans WordPress sont px, em et rem, parfois %. Pour l’accessibilité et la souplesse, il est recommandé d’utiliser préférentiellement rem et em, qui respectent mieux les préférences et le zoom de l’utilisateur.
Puis-je changer uniquement certains mots dans un paragraphe ?
Oui. Vous pouvez soit utiliser l’option “Modifier en HTML” sur un bloc et entourer les mots concernés avec une balise et un style="font-size:...", soit créer une classe CSS spécifique et l’appliquer au bloc ou à unélément cible. La seconde méthode est plus propre et plus facile à maintenir à long terme.

Avec ces informations détaillées, vous disposez désormais de toutes les clés pour ajuster efficacement la taille des polices dans WordPress, que ce soit au niveau global, bloc par bloc, via CSS ou à l’aide de plugins, tout en respectant les bonnes pratiques de lisibilité, d’accessibilité et de SEO.