Contact

Comment résoudre les problèmes de saut de ligne dans WordPress ?

Par Baptiste Pagès le 9 mars 2021
Mis à jour le 9 mars 2021
Votre site WordPress manque de visibilité ?
J'analyse votre SEO

Lorsqu'ils prennent leur site en main, mes clients ont souvent du mal à comprendre comment fonctionnent les paragraphes et autres espacements de texte dans WordPress. Dans cet article, je vais vous expliquer comment tout ça fonctionne pour que vous puissiez dépasser vos problèmes de saut de ligne dans WordPress.

La cause des problèmes de saut de ligne WordPress

La principale cause des problèmes de saut de ligne WordPress est l'incompréhension des utilisateurs du fonctionnement de WordPress.

Tout d'abord, vous devez comprendre que WordPress n'est pas un éditeur de texte. Ça y ressemble, mais ça génère en réalité du code HTML, qui est le langage informatique utilisé pour afficher des pages web.

Ainsi, le texte que vous voyez dans l'éditeur de WordPress est en fait une version "jolie" d'un code HTML.

Du texte dans l'éditeur WordPress
Et le code HTML que ça génère.

Les retours chariots

Dans WordPress, vous avez deux types de retour à la ligne disponibles. Le premier est le retour chariot. Il s'agit d'un retour à la ligne qui ne crée pas de nouveau paragraphe. Vous pouvez faire un retour chariot avec Majuscule + Entrée.

Par exemple :

J'ai fais un retour chariot dans ce paragraphe avec Maj+Enter.
Du coup, le texte généré est à la ligne, mais sans espacement.

On utilise le retour chariot lorsqu'on souhaite faire un retour à la ligne sans espacement. On peut faire plusieurs retours chariot d'affilé pour créer de l'espacement, mais ce n'est pas la bonne façon de faire. Lorsqu'on veut de l'espacement, il faut utiliser les paragraphes.

Les blocs paragraphes

Pour créer un nouveau bloc de paragraphe (et faire un saut de ligne avec espacement) il faut simplement utiliser Entrée.

Ici, j'ai utilisé "Entrée" pour faire un nouveau paragraphe...
Et du coup, il y a bien un espacement dans le résultat !

Vous savez donc maintenant faire un retour à la ligne avec un retour chariot, et faire un saut de ligne en créant un nouveau paragraphe. La taille de ce saut de ligne dépend en réalité des réglages de votre thème WordPress d'espacement des paragraphes !

Changer la taille des sauts de ligne WordPress

Heureusement, vous avez un moyen assez simple de modifier ce réglage de votre thème avec un peu de CSS. Il suffit de définir vous-même le code CSS responsable de l'espacement des paragraphes dans votre panneau de personnalisation de WordPress, section "CSS additionnel".

Note : si vous ne savez pas accéder à ce panneau, voyez mon article "Ajouter du CSS additionnel dans WordPress".

Une fois dans ce panneau, ajoutez un code de ce genre :

p {
    margin: 0 0 40px;
}

Ce morceau de code dit que tous les paragraphes devraient avoir une marge basse de 40 pixels.

Besoin d'aide ?

Merci d'avoir lu cet article. Si vous avez toujours des problèmes de sauts de ligne après sa lecture, n'hésitez pas à me contacter pour que je jette un œil et éventuellement que j'intervienne pour modifier vos réglages CSS.

En attendant, bon courage avec votre site et à bientôt !

Cet article vous a plu ?

Voici d'autres articles populaires qui vous intéresseront peut-être :
SEO
Les bases du Référencement Organique
Apprenez les bases du référencement organique afin d'éviter les erreurs de débutant.
Lire cet article
DESIGN
Comment changer la police d'un site WordPress ?
Tout ce qu'il faut savoir pour gérer la typographie de votre site WordPress est ici, suivez le guide !
Lire cet article
CODE
Comment ajouter du CSS additionnel dans WordPress ?
Découvrez comment ajouter facilement du code CSS additionnel dans n'importe quel site WordPress.
Lire cet article
WOOCOMMERCE
Comment importer des produits dans WooCommerce ?
Apprenez à importer des produits à votre boutique WooCommerce très facilement (en vidéo).
Lire cet article
Je m'appelle Baptiste et je suis un webdesigner / consultant SEO spécialisé dans WordPress, basé à Grasse dans le Sud de la France. J'aide les petites entreprises à développer leur présence web dans ce monde de fou 😉
menu-circlecross-circle