Comment ajouter un saut de ligne dans WordPress (espacement de nouvelle ligne)

Avez-vous déjà remarqué que certains sites Web ont un contenu parfaitement espacé et facile à parcourir, tandis que d'autres semblent étriqués et difficiles à lire ?

Le secret réside souvent dans quelque chose de simple : les sauts de ligne et l'espacement appropriés.

Si vous avez déjà ajouté des sauts de ligne dans votre éditeur WordPress pour constater qu'ils n'apparaissent pas sur votre page publiée, vous n'êtes certainement pas seul. WordPress gère l'espacement un peu différemment des traitements de texte comme Google Docs ou Microsoft Word.

Une fois que vous aurez compris comment cela fonctionne, vous aurez un contrôle total sur l'apparence de votre contenu.

Nous vous montrerons plusieurs méthodes fiables pour ajouter des sauts de ligne dans WordPress, des raccourcis rapides aux options de formatage plus avancées.

Pourquoi ajouter un saut de ligne dans WordPress (espacement de nouvelle ligne) ?

À première vue, un saut de ligne peut sembler être un petit choix de formatage, mais il peut avoir un impact important sur la façon dont votre contenu est performant.

De l'amélioration de la lisibilité à l'optimisation de l'expérience utilisateur, l'ajout d'un espacement approprié rend vos pages propres et professionnelles. Voici pourquoi c'est important :

• Meilleure lisibilité : Sépare les blocs de texte pour un balayage plus facile.
• Adapté aux mobiles : Maintient le contenu clair sur les écrans plus petits.
• Corrige le texte collé : Nettoie le formatage provenant d'autres sources.
• Attire l'attention : Aide les astuces et les CTA à se démarquer.

En bref, les sauts de ligne rendent votre contenu plus facile à lire et plus attrayant, tant pour les visiteurs que pour les moteurs de recherche.

Cela dit, examinons comment ajouter facilement un saut de ligne dans WordPress.

• Comment ajouter un double interligne entre les blocs
• Comment ajouter un interligne simple
• Le moyen le plus simple : Utiliser le bloc Espaceur
• Modifying the Line Height and Spacing
  • Ajouter un espacement de ligne à l'aide d'un plugin
  • Modifier l'espacement des paragraphes manuellement avec du code CSS
• Tutoriel vidéo

Comment ajouter un double interligne entre les blocs

Lorsque vous appuyez sur la touche Entrée pour Windows ou la touche Retour pour Mac sur votre clavier pour ajouter un saut de ligne, WordPress le considère comme un nouveau paragraphe.

Cela signifie qu'il ajoutera automatiquement un double interligne. La quantité d'espacement est contrôlée par votre thème, et ce style est une fonctionnalité standard dans tous les bons thèmes WordPress.

Allez simplement dans l'éditeur de contenu, appuyez sur la touche Entrée ou Retour après la ligne, puis tapez autre chose sur la ligne suivante.

En faisant simplement cela, en fonction du style de votre thème, vous devriez voir une distinction claire entre les paragraphes.

Comment ajouter un interligne simple

Maintenant, si vous écrivez quelque chose comme une adresse, vous voudrez probablement qu'elle soit en interligne simple plutôt qu'en double interligne sur votre site WordPress.

Dans ce cas, vous devez appuyer sur la touche MAJ + ENTRÉE sous Windows ou sur la touche MAJ + RETOUR sur Mac.

Cela indique à WordPress que vous souhaitez commencer une nouvelle ligne au sein du même paragraphe. Cette action crée un saut de ligne unique au lieu de l'espace double utilisé pour un nouveau paragraphe.

Le moyen le plus simple : Utiliser le bloc Espaceur

Pour un moyen simple et sans code d'ajouter de l'espace supplémentaire entre deux blocs, la méthode la plus simple consiste à utiliser le bloc Espaceur intégré.

Cliquez simplement sur le bouton « Ajouter un bloc » dans l'éditeur pour ajouter un nouveau bloc et recherchez « Espaceur ». Une fois que vous l'avez ajouté, un nouvel espace vide apparaîtra sur votre page.

Vous pouvez ensuite cliquer sur l'espaceur et faire glisser la poignée bleue vers le haut ou vers le bas pour ajuster sa hauteur.

Cela vous donne un contrôle précis sur votre espacement vertical directement dans l'éditeur.

Modification de la hauteur et de l'espacement des lignes

Parfois, même lorsque vous ajoutez l'espacement des lignes approprié dans l'éditeur, il ne s'affiche pas comme vous le souhaitez dans votre thème.

Il y a deux façons de résoudre ce problème :

1. Utiliser un plugin (la méthode facile)
2. Manuellement avec du code CSS (plus avancé)

Examinons d'abord la méthode facile.

Ajouter un espacement de ligne à l'aide d'un plugin

Si vous souhaitez apporter des modifications stylistiques à votre thème sans avoir à apprendre le code, l'utilisation d'un plugin comme CSS Hero est la meilleure façon de procéder.

CSS Hero permet de modifier facilement le design de votre site WordPress sans connaître le code.

Vous pouvez trouver plus de détails dans notre test complet de CSS Hero.

Si vous souhaitez apporter des modifications plus importantes à votre thème, comme déplacer une barre latérale ou ajouter un pied de page, un plugin de constructeur de pages par glisser-déposer serait une meilleure option. Un plugin de constructeur de pages vous permettrait également d'apporter de petites modifications comme changer les couleurs des polices ou ajouter des sauts de ligne dans WordPress.

Vous ne voulez pas utiliser de plugin, ou vous avez juste besoin de faire ce changement ? Dans ce cas, l'option de code CSS manuel pourrait être la meilleure pour vous.

Modifier l'espacement des paragraphes manuellement avec du code CSS

Pour ajouter des sauts de ligne manuellement sans plugin, vous devez ajouter du CSS à votre thème.

Le CSS est essentiellement comme la fonction de mise en forme dans Microsoft Word. Au lieu de cliquer sur des boutons, vous écrirez du code CSS brut. Ce n'est pas aussi effrayant que certains débutants pourraient le penser. Le CSS est très facile à comprendre si vous suivez simplement les instructions.

Pour ajouter du CSS personnalisé à votre thème, vous devez visiter la page Apparence » Personnaliser. Cela lancera le personnaliseur de thème WordPress, où vous devrez cliquer sur l'onglet « CSS additionnel » dans la colonne de gauche.

Si vous ne voyez pas ces options de menu, vous utilisez peut-être un thème basé sur des blocs. Veuillez consulter notre article sur comment corriger le personnaliseur de thème manquant dans l'administration WordPress.

Dans la boîte CSS personnalisée, vous devez ajouter le code CSS suivant :

Ce code cible tous les éléments de paragraphe (p) spécifiquement dans la zone de contenu principal de vos articles, que WordPress identifie souvent avec la classe .post. Cela garantit qu'il n'affecte que vos articles.

.post p{line-height: 1.5em;}

La règle CSS montrée ci-dessus changera l'espacement des lignes du contenu des paragraphes à 1,5em. Em est une unité de largeur pour la typographie.

Maintenant, cela ne change que l'espacement de l'interligne simple.

Si vous souhaitez modifier l'espacement des paragraphes dans WordPress (c'est-à-dire l'interligne double), vous devrez alors ajouter un remplissage (padding).

.post p { 
line-height: 1.5em;
padding-bottom: 15px;
} 

N'hésitez pas à ajuster les nombres dans ce code CSS. La modification de la valeur padding-bottom modifiera l'espace entre vos paragraphes.

Vous pouvez également ajouter du CSS personnalisé à votre site en utilisant le plugin WPCode. Le plugin rend très facile l'insertion et la gestion de code sur votre site.

Pour plus de détails, consultez notre guide sur comment ajouter du CSS personnalisé à votre site WordPress.

Si vous n'aimez pas lire les instructions, regardez simplement notre tutoriel vidéo.

Tutoriel vidéo

Pour une présentation visuelle, vous pouvez regarder notre tutoriel vidéo ci-dessous. Il couvre toutes les méthodes que nous avons abordées pour ajouter des sauts de ligne simples et doubles dans votre contenu.

Nous espérons que cet article vous a aidé à ajouter un saut de ligne dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment utiliser les blocs de modèles WordPress et notre liste des meilleurs thèmes WordPress compatibles avec Gutenberg.

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.