Comment ajouter un saut de ligne ou un interligne simple dans WordPress 1

Comment ajouter un saut de ligne ou un interligne simple dans WordPress

Vos visiteurs viennent sur votre site Web pour votre contenu, cela va de soi. Mais de nombreux facteurs affectent l’impression que les visiteurs ont de votre site Web, et l’un d’eux est l’apparence de votre contenu. L’éditeur par défaut de WordPress, Gutenberg, avait introduit quelques nouveautés en termes de formatage du texte, mais ajout d’un saut de ligne au clic d’un bouton n’est pas parmi eux. Cela ne veut pas dire qu’il n’y a aucun moyen de générer un saut de ligne dans WordPress. En fait, il y en a plusieurs, et nous allons les parcourir dans ce tutoriel.

Il y a une chose que vous devez garder à l’esprit : une grande partie de l’apparence du texte de votre site Web dépend du thème que vous utilisez. Que vous essayiez de changer la couleur de votre texte, d’augmenter ou de réduire la taille des polices, ou d’introduire un saut de ligne ou un interligne, vous constaterez peut-être que le thème vous gêne ou que certaines des solutions que nous vous proposerons ne fonctionnent pas de la même manière. tous les thèmes.

Voici ce dont nous allons discuter :

Comment ajouter un saut de ligne entre les blocs de paragraphe

Si vous utilisez un traitement de texte (ou le Classique éditeur WordPress), vous pouvez généralement utiliser le Entrer de votre clavier lorsque vous souhaitez introduire une nouvelle ligne. Dans Gutenberg, la même clé va simplement générer un nouveau bloc de paragraphe. Si vous souhaitez ajouter une ligne vide entre deux paragraphes, votre thème sera probablement déjà configuré de cette façon. La plupart des thèmes ont un espace vide entre les paragraphes par défaut.

Nous commencerons par un simple message texte, rempli de texte généré de manière aléatoire. Pour créer un saut de ligne, sélectionnez simplement l’endroit où vous souhaitez terminer le premier paragraphe.

Sélectionnez le texte

Une fois que vous avez fait cela, appuyez sur Entrer. Vous aurez généré un nouveau bloc de paragraphe.

appuyez sur Entrée

Un thème interprétera généralement cela automatiquement. Dans la version en direct de votre article, vous pouvez voir un saut de ligne entre les paragraphes.

La même chose fonctionne pour Élémentor lors de la saisie dans le champ de texte de l’élément de l’éditeur de texte.

Entrez Elementor

Comment éviter de créer un bloc de paragraphe lors de la saisie dans Gutenberg

Vous pouvez, pour une raison quelconque, vouloir commencer à écrire dans une nouvelle ligne sans saut de ligne. Vous pouvez le faire en plaçant le curseur là où vous voulez que votre ligne supérieure se termine et en appuyant sur Maj + Entrée.

Maj Entrée

Vous constaterez que le texte après votre curseur commence dans la rangée suivante, mais fait partie du même bloc.

Maj Entrer Aperçu

Encore une fois, le Maj + Entrée la commande fonctionne de la même manière dans ÉlémentorL’élément Éditeur de texte de .

Comment modifier l’espacement des lignes et des paragraphes à l’aide de CSS

CSS, ou feuilles de style en cascade, est la partie du code de votre thème qui régit l’apparence de votre texte, entre autres. Si vous souhaitez manipuler les options par défaut de votre thème, vous devrez ajouter du CSS personnalisé à votre site Web.

La valeur que nous utiliserons ici est la em. En typographie, em signifiait à l’origine la largeur du M majuscule pour une police de caractères donnée, et c’est de là que nous obtenons le tiret em extra large (—).

Afin d’ajouter du code CSS à votre thème, vous devez accéder à votre personnalisateur de thème. Accédez-y depuis le menu de gauche de votre tableau de bord WordPress : c’est à Apparence/Personnaliser.

Apparence Personnaliser

Ensuite, cliquez sur le CSS supplémentaire barre dans le menu de gauche.

CSS supplémentaire

Afin de modifier l’interligne, le code que vous devez entrer est p{line-height: Xem;}, où X est le nombre d’ems que vous souhaitez réserver pour chaque ligne. Voyez comment l’interligne change si nous passons notre hauteur de ligne à 3 ems.

Entrez le code
Hauteur de la ligne

Maintenant, pour modifier l’espacement des paragraphes (l’espace entre les blocs de paragraphe), vous avez besoin d’un autre morceau de code. Utiliser p {padding-bottom : Yem ;}, où Y est le nombre d’ems que vous voulez entre les paragraphes.

Vous pouvez, bien sûr, utiliser l’un ou les deux pour styliser le texte de votre site Web comme bon vous semble. Vous pouvez également remplacer em avec pixels dans votre code si vous souhaitez saisir des valeurs en pixels.

En conclusion

Comme nous l’avons montré, vous pouvez modifier l’espacement des lignes et l’espacement des paragraphes dans WordPress à peu près comme vous le souhaitez, à condition qu’ils correspondent bien à votre thème. Vous pouvez le faire quel que soit l’éditeur que vous utilisez, et en un rien de temps, pour un seul ou tous les paragraphes de votre site Web. Gardez à l’esprit, cependant, que tous les paramètres ne fonctionneront pas pour toutes les palettes de couleurs et mises en page de texte. C’est à vous de vous assurer que vos paramètres de mise en forme de texte rendent votre texte aussi lisible que possible pour vos visiteurs.

Soutenez notre effort ❤️

Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.

Paiement sécurisé sur PayPal
Moyens I/O Staff est une équipe de rédacteurs spécialisés, passionnés par la technologie, l’innovation et les usages numériques. Forts d’une expertise pointue en IA, applications mobiles, gaming et tendances digitales, nous produisons un contenu rigoureux, vérifié et utile. Notre mission : vous offrir une information fiable et claire pour mieux naviguer dans le monde numérique en constante évolution. Découvrez les avis de nos lecteurs sur Trustpilot.