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 : utiliser efficacement les nouvelles lignes et l'espacement.

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 clavier rapides aux options de formatage plus avancées.

Commençons par les moyens les plus simples d'ajouter un saut de ligne.

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 : Garde 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 appels à l'action à 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 saut de ligne dans WordPress (Méthodes rapides)

Dans WordPress, vous pouvez facilement ajouter des sauts de ligne à l'aide de votre clavier. Pour créer un double interligne (nouveau paragraphe), appuyez simplement sur la touche Entrée (ou Retour sur Mac).

Pour un interligne simple dans le même paragraphe, maintenez Maj + Entrée (ou Maj + Retour sur Mac). Ce sont les moyens les plus rapides de contrôler l'espacement dans l'éditeur de blocs.

Comment ajouter un nouveau paragraphe (Espacement par défaut)

Lorsque vous appuyez sur la touche Entrée (Windows) ou Retour (Mac) de votre clavier, vous créez ce qu'on appelle souvent un « retour chariot » ou un saut de paragraphe.

WordPress crée un nouveau paragraphe. Par défaut, votre thème ajoute un espace vertical entre les paragraphes, ce qui aide à séparer vos idées et à rendre le contenu plus facile à lire.

La quantité exacte de cet espacement est contrôlée par la conception de votre thème.

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 (Retour à la ligne / Saut de ligne dans un paragraphe)

Maintenant, si vous écrivez quelque chose comme une adresse ou un poème et que vous souhaitez un saut de ligne simple sans commencer un nouveau paragraphe, vous devrez utiliser un « retour à la ligne ».

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 mais qu'elle fait partie du même paragraphe.

Cette action crée un « retour à la ligne simple » ou un saut de ligne unique (à l'aide d'une balise HTML <br> ), ce qui signifie qu'il n'y aura pas l'espace vertical supplémentaire que vous obtenez avec un nouveau paragraphe.

C'est une méthode utile pour nettoyer le texte collé à partir d'autres sources qui pourraient avoir des sauts de ligne doubles excessifs ; supprimez simplement les sauts de paragraphe supplémentaires et réinsérez des sauts de ligne simples avec Maj + Entrée au besoin.

Ajouter un espace vertical personnalisé avec le bloc Espaceur

Pour une manière simple et sans code d'ajouter un espace supplémentaire entre deux blocs, l'utilisation du bloc Espaceur intégré est une méthode très intuitive. Il offre un contrôle visuel précis directement dans l'éditeur.

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.

Ajustement de la hauteur de ligne par défaut et de l'espacement des paragraphes

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 de style à votre thème sans avoir à apprendre le code, l'utilisation d'un plugin comme CSS Hero est un excellent moyen de le faire. C'est parce que le plugin est approuvé par plus de 100 000 sites Web pour son éditeur visuel intuitif.

CSS Hero est spécialement conçu pour les débutants et les non-codeurs, vous permettant de modifier visuellement la conception de votre site WordPress en quelques clics – une fonctionnalité très appréciée dans sa note moyenne de 4,8/5 étoiles.

Vous pouvez voir plus de détails dans notre avis complet sur CSS Hero.

Pour des modifications structurelles plus importantes de votre thème, telles que le déplacement d'une barre latérale ou l'ajout d'un pied de page, un plugin de création de pages par glisser-déposer offre un contrôle visuel plus complet et des outils dédiés. Cela en fait une option plus adaptée à ces tâches.

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.

CSS (Cascading Style Sheets) est un langage qui indique aux navigateurs Web comment afficher le contenu de votre site Web.

Considérez-le comme un ensemble d'instructions de style, plutôt que de cliquer sur des boutons comme dans Microsoft Word. Ce n'est pas aussi effrayant que cela en a l'air et c'est assez facile à comprendre une fois que vous maîtrisez les bases.

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 bloc. Veuillez consulter notre article sur comment corriger l'absence du personnaliseur de thème dans l'administration WordPress.

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

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

Cette règle augmente l'espace entre les lignes à l'intérieur de chaque paragraphe, rendant votre contenu plus facile à lire.

Gardez à l'esprit que ce code suppose que votre thème utilise .post pour le contenu du blog. Si rien ne change après l'avoir ajouté, essayez de remplacer .post par .entry-content à la place.

Si vous n’êtes pas sûr de celui que votre thème utilise, vous pouvez vérifier en ouvrant un article de blog, en cliquant avec le bouton droit de la souris dans le texte, puis en sélectionnant Inspecter. Recherchez ensuite la classe principale de l’enveloppe de contenu (telle que .post ou .entry-content).

Notez que cette propriété line-height ajuste uniquement l’espace vertical entre les lignes de texte au sein de chaque paragraphe, et non l’espace entre les paragraphes entiers.

Si vous souhaitez augmenter l’espace vertical entre les paragraphes dans WordPress, vous ajouteriez généralement un padding-bottom à vos éléments de paragraphe.

.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. Il est utilisé par plus de 1,5 million de sites Web et affiche une note de 4,9/5 étoiles sur WordPress.org pour faciliter l’insertion de code.

Pour plus de détails, veuillez consulter 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.

Questions fréquemment posées sur l'ajout d'un saut de ligne dans WordPress

Voici quelques questions que nos lecteurs nous ont fréquemment posées sur l’ajout d’un saut de ligne dans WordPress :

Comment faire un interligne de 1,15 dans WordPress ?

Vous pouvez définir un interligne de 1,15 en ajoutant du CSS personnalisé à votre thème enfant ou en utilisant un plugin d’extraits de code comme WPCode. Par exemple, utilisez line-height: 1.15; pour les éléments de texte que vous souhaitez ajuster.

Cela vous donne un contrôle précis car WordPress n’inclut pas cette option par défaut.

L’interligne de 1,5 et 1,15 est-il le même ?

Non, les interlignes de 1,5 et 1,15 sont différents. Une hauteur de ligne de 1,5 crée beaucoup plus d’espace entre les lignes, tandis que 1,15 maintient le texte plus serré et plus compact.

Comment ajouter un interligne personnalisé dans WordPress ?

Vous pouvez ajouter un interligne personnalisé à l’aide du CSS ou d’un paramètre de l’éditeur de blocs. Dans la plupart des cas, l’ajout d’une valeur line-height dans le personnaliseur de votre thème ou un plugin CSS est la méthode la plus simple.

Quelle est la différence entre un séparateur et un saut de ligne dans WordPress ?

Un séparateur ajoute une ligne ou un espace visible entre les sections, tandis qu’un saut de ligne déplace simplement le texte vers la ligne suivante sans ajouter d’éléments visuels supplémentaires.

Comment corriger les sauts de ligne indésirables dans les titres WordPress ?

Parfois, le titre de votre article ou de votre page WordPress peut passer sur plusieurs lignes de manière maladroite. Cela dépend généralement de votre thème et de l’espace disponible dans la zone du titre.

Dans la plupart des cas, WordPress renvoie automatiquement les titres longs pour s’adapter à la mise en page. Cependant, si vous souhaitez plus de contrôle, vous pouvez l’ajuster à l’aide du CSS.

Par exemple, vous pouvez empêcher les sauts de ligne dans les titres en ajoutant :

.entry-title {  white-space: nowrap;}

Cela maintiendra le titre sur une seule ligne, mais attention — les titres très longs peuvent déborder sur les petits écrans. Une meilleure approche consiste généralement à raccourcir le titre ou à ajuster les paramètres de typographie de votre thème au lieu de le forcer sur une seule ligne.

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 modèles de blocs WordPress et notre liste des meilleurs thèmes WordPress compatibles avec Gutenberg.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.