Comment modifier l’interligne du texte dans WordPress

L’ajustement de l’espacement des lignes (également connu sous le nom de hauteur de ligne) du texte dans WordPress peut améliorer la lisibilité et l’esthétique du design sur votre site. Vous pouvez modifier l’espacement des lignes par différentes méthodes, selon que vous utilisez l’éditeur de blocs (Gutenberg), les options de personnalisation intégrées d’un thème, ou en ajoutant un CSS personnalisé.

Voici comment vous pouvez modifier l’interligne du texte dans WordPress:

Méthode 1 : en utilisant l’éditeur de blocs (Gutenberg)

Dans l’éditeur de blocs Gutenberg, certains blocs, tels que le bloc Paragraphe ou Intitulé, permettent d’effectuer des ajustements de base sur les paramètres du texte, notamment l’espacement des lignes.

Étape 1 : Ouvrir l’éditeur de blocs

1. Connectez-vous à votre tableau de bord WordPress.
2. Naviguez vers Posts > Add New ou Pages > Add New (ou modifiez un post/page existant).

Étape 2 : Sélectionner le bloc de texte

1. Cliquez sur le bloc de paragraphes ou de titres contenant le texte dont vous souhaitez modifier l’interligne.

Étape 3 : Utiliser les paramètres du bloc

1. Dans le panneau de configuration de droite, cliquez sur l’onglet Bloc.
2. Recherchez une option appelée Hauteur de ligne (Remarque : cette option peut n’être disponible que dans certains thèmes ou blocs).
3. Ajustez la hauteur de ligne en augmentant ou en diminuant la valeur (un nombre compris entre 1 et 2 est généralement suffisant pour la plupart des textes).

Étape 4 : Enregistrer les modifications

1. Après avoir ajusté la hauteur des lignes, prévisualisez le message ou la page pour vous assurer que le texte a l’aspect souhaité.
2. Cliquez sur Publier ou Mettre à jour pour enregistrer vos modifications.

Méthode 2 : Utiliser le Customizer de WordPress (pour les thèmes avec des options de typographie)

Certains thèmes WordPress offrent des options de personnalisation de la typographie qui vous permettent d’ajuster l’espacement des lignes sur l’ensemble du site sans avoir recours à un CSS personnalisé.

Étape 1 : Aller dans le Customizer de WordPress

1. Depuis le tableau de bord, naviguez vers Apparence > Personnaliser.

Étape 2 : Trouver les paramètres de typographie

1. Dans le Customizer, cherchez la section Typographie ou Apparence. (Remarque : l’emplacement exact de ces paramètres dépend de votre thème)
2. Recherchez une option qui contrôle la hauteur des lignes ou l’espacement du texte.

Étape 3 : Ajuster l’espacement des lignes

1. Utilisez les curseurs ou les entrées numériques pour ajuster la hauteur des lignes pour des éléments de texte spécifiques (par exemple, le corps du texte, les titres).
2. Prévisualisez les modifications pour voir comment le texte se présente sur différents appareils.

Étape 4 : Enregistrez vos modifications

1. Lorsque vous êtes satisfait de l’espacement, cliquez sur Publier pour appliquer les modifications à l’ensemble du site.

Méthode 3 : Utilisation d’un CSS personnalisé

Pour mieux contrôler l’espacement des lignes ou si votre thème ou votre éditeur ne propose pas d’option pour ajuster la hauteur des lignes, vous pouvez ajouter une feuille de style CSS personnalisée pour la modifier.

Étape 1 : Ajouter une feuille de style CSS personnalisée

1. Dans le tableau de bord de WordPress, allez dans Apparence > Personnaliser.
2. Cliquez sur l’onglet Additional CSS.

Étape 2 : Insérer le code CSS

Pour cibler tous les paragraphes du site, ajoutez le code CSS suivant :

Pour cibler les titres (par exemple, H1, H2), utilisez :

Vous pouvez également cibler des blocs spécifiques en utilisant leur classe CSS ou leur ID. Par exemple, vous pouvez cibler des blocs spécifiques en utilisant leur classe CSS ou leur ID :

Étape 3 : Enregistrer et publier

1. Après avoir ajouté la feuille de style CSS personnalisée, prévisualisez les modifications pour vous assurer que l’espacement des lignes est correct.
2. Cliquez sur Publier pour enregistrer vos modifications.

Méthode 4 : Utilisation d’un plugin

Si vous ne souhaitez pas travailler avec des feuilles de style CSS personnalisées, vous pouvez utiliser un plugin pour gérer facilement la typographie et l’espacement des lignes.

Plugins populaires :

• Advanced Editor Tools (anciennement TinyMCE Advanced) : Ce plugin étend l’éditeur par défaut de WordPress, offrant plus d’options de formatage, y compris le contrôle de l’espacement des lignes.
• WP Typography : Ce plugin ajoute des fonctionnalités typographiques avancées, notamment la hauteur des lignes, l’alignement du texte, etc.

Étapes :

1. Allez dans Plugins > Ajouter un nouveau.
2. Recherchez le plugin (par exemple, “Advanced Editor Tools”) et cliquez sur Installer et activer.
3. Une fois activé, les paramètres du plugin seront disponibles sous Paramètres ou dans la barre d’outils de l’éditeur.
4. Utilisez l’interface du plugin pour ajuster l’espacement des lignes si nécessaire.

Conclusion

Modifier l’espacement des lignes dans WordPress peut améliorer la lisibilité et l’aspect général de votre site. Selon votre thème, vous pouvez ajuster l’espacement des lignes en utilisant les options intégrées de l’éditeur de blocs, le personnalisateur de thème ou le CSS personnalisé. Si vous recherchez une solution plus simple, sans code, des plugins comme Advanced Editor Tools offrent également un excellent moyen de gérer la typographie. Choisissez la méthode qui vous convient le mieux et ajustez votre texte pour obtenir l’espacement souhaité.