WordPress
time_read21mn de lecture

Comment mettre en retrait un paragraphe dans WordPress ? 4 méthodes simples

17 mai 2023

Comment mettre en retrait un paragraphe dans WordPress ? 4 méthodes simples

En tant qu’auteur ou éditeur de contenus, vous avez des nombreuses pratiques pour rendre vos articles attrayants. Nous comptons, parmi elles, l’indentation de paragraphes. Indenter un paragraphe revient à le mettre en retrait par rapport à l’alignement du reste de votre texte. Ce qui peut captiver rapidement l’attention du lecteur sur le contenu du paragraphe indenté.🤗

L’indentation est une fonctionnalité incluse par défaut dans l’éditeur de contenus WordPress (Gutenberg ou éditeur classique). En quelque sorte, vous n’avez pas besoin d’ajouter un module supplémentaire à votre site pour indenter vos paragraphes.

Objectif

Nous allons, dans cet article, vous expliquer étape par étape, comment vous pouvez indenter un paragraphe dans WordPress. Vous disposez de quatre méthodes simples que vous pouvez utiliser. Nous allons toutes les détailler dans la suite de ce didacticiel.🤭

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

Pour indenter un paragraphe dans un article, vous devez avoir les droits de modification des contenus sur WordPress en tant qu’auteur ou éditeur.

4 méthodes simples pour mettre en retrait un paragraphe dans WordPress

L’indentation met en retrait un paragraphe par rapport au reste de votre contenu. Cela se fait généralement dans le but d’attirer l’attention du lecteur sur ce que dit le paragraphe. Bien entendu, indenter tous les paragraphes n’est pas ce qui est recommandé. Les paragraphes indentés doivent avoir une certaine pertinence pour les lecteurs.

Quelles que soient les raisons pour lesquelles vous souhaitez mettre vos paragraphes en retrait, vous disposez de 4 méthodes très simples à suivre. Voyons ci-dessous en détail comment vous devez faire.

1. Indenter un paragraphe dans l’éditeur classique

L’éditeur classique n’est pas actuellement l’éditeur de contenus par défaut de WordPress, celui-ci étant remplacé par l’éditeur Gutenberg. Mais WordPress vous donne toujours la possibilité de revenir à l’éditeur classique si vous ne souhaitez pas utiliser Gutenberg.

Pour commencer, ouvrez votre publication dans l’éditeur classique, ramenez votre curseur au début du paragraphe que vous souhaitez indenter. Utilisez ainsi les boutons d’augmentation et de diminution de retrait pour mettre votre paragraphe en retrait par rapport à l’alignement principal.Mettre en retrait un paragraphe dans WordPress, bouton d'indentation

Ainsi, pour augmenter le retrait du paragraphe, cliquez sur le bouton correspondant.
Indenter un paragraphe dans WordPress avec l'éditeur classiqueLe résultat est directement visible dans l’éditeur classique tout comme en prévisualisant votre publication dans le navigateur.Indentation de paragraphe dans l'éditeur classique sur WordPress

Mais parfois, vous souhaitez mettre plusieurs paragraphes en indentation. Là encore, c’est plus simple à faire. Sélectionnez tous les paragraphes à mettre en retrait, puis cliquez sur le bouton d’augmentation du retrait. À l’inverse, vous pouvez utiliser le bouton de diminution de retrait pour ajuster l’espace de retrait à votre guise.Mettre en indentation plusieurs paragraphes dans l'éditeur classique Pour que les modifications prennent effet, vous devez publier ou mettre à jour votre publication.

2. Mettre en retrait un paragraphe dans l’éditeur classique avec du HTML

L’utilisation du HTML pour indenter un paragraphe est aussi très simple. Pour cela, ouvrez votre publication en mode texte.Mode texte de l'éditeur classique Placez ensuite, le paragraphe à indenter dans le code ci-dessous, précisément à l’endroit réservé :

<p style="padding-left:50px;">Votre texte ici...</p>

Visuellement, cela apparaît comme sur l’image ci-dessous. N’hésitez pas par ailleurs à modifier la largeur de retrait. Pour notre exemple, le paragraphe concerné sera mis en retrait de 50 px.indenter un paragraphe avec du HTML dans l'éditeur classique

Une fois que vous avez terminé, ouvrez votre publication en mode visuel pour vous rendre compte de modifications effectuées.Prévisualisation de l'indentation avec du HTML dans l'éditeur classique

3. Appliquer un retrait sur un paragraphe dans l’éditeur de blocs Gutenberg

Ouvrez votre article dans Gutenberg. Rendez-vous sur le bloc dans lequel vous souhaitez ajouter un paragraphe indenté. Cliquez sur le bouton « + ».Bouton "+" pour ajouter un bloc classique dans Gutenberg Recherchez ensuite le bloc classique et cliquez dessus pour l’ajouter à Gutenberg. Ajoutez maintenant votre paragraphe directement dans l’éditeur classique. Une fois que vous avez terminé, utilisez le bouton d’augmentation de retrait ou celui de diminution pour appliquer votre indentation.Indenter un paragraphe dans Gutenberg avec le bloc classique

Le résultat est immédiatement visible sur votre interface comme en prévisualisant votre article.Prévisualisation de l'indentation dans Gutenberg

4. Mettre en forme un paragraphe avec du CSS

La dernière méthode consiste à modifier le CSS de votre thème pour indenter des paragraphes. Pour cela, accédez à la section « Apparence › personnaliser ».Personnaliser WordPress Sur page de personnalisation de WordPress, développez la section « CSS additionnel ». Ajoutez ensuite, le code CSS ci-dessous :

p.custom-indent { 
text-indent:60px;
}

Le code CSS ci-haut vous permet de mettre en retrait la première ligne d’un paragraphe de 60 px. Vous pouvez modifier la dimension comme bon vous semble. Une fois que vous avez terminé, cliquez sur le bouton « Publier ».Ajouter du CSS pour mettre en retrait un paragraphe sur WordPress À présent, rendez-vous dans le mode texte de l’éditeur classique et utilisez le code ci-dessous pour appliquer l’indentation à la première ligne de n’importe quel paragraphe.

<p class="custom-indent"> Votre paragraphe ici...</p>

Appliquer l'indentation avec du CSS dans l'éditeur classiqueUne fois que vous avez terminé, publiez ou mettez à jour votre article.Mettre en retrait la première ligne d'un paragraphe dans l'éditeur classique

Pour mettre en retrait la première ligne de tous les paragraphes de votre texte, ajoutez le code CSS ci-dessous :

article p {
text-indent:60px;
}

Code CSS pour mettre en retrait la première ligne de tous les paragraphes

Une fois que ce code est ajouté, voilà le résultat.Mettre en retrait la première ligne de tous les paragraphes dans l'éditeur classique

Conclusion

En conclusion, il existe 4 méthodes simples pour mettre en retrait un paragraphe dans WordPress. Nous avons détaillé chacune d’entre elles dans cet article. En fonction de l’éditeur de contenus que vous utilisez, choisissez la méthode qui vous paraît adaptée et lancez-vous dès maintenant.😇

Nous espérons que cet article a répondu à toutes vos questions sur la façon d’indenter un paragraphe dans WordPress. Mais si vous avez toujours des préoccupations, n’hésitez à nous écrire en utilisant la section Commentaires. 

Besoin d’un hébergeur pour votre site ?

LWS vous conseille sa formule d’hébergement web en promotion à -25% (offre à partir de 1,49€ par mois au lieu de 1,99 €). Non seulement les performances sont au rendez-vous mais vous profitez d’un support exceptionnel.

Découvrir l’offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.