Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment indenter facilement les paragraphes dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous ajouter de l’espace ou indenter des paragraphes dans WordPress ? Bien que la plupart de votre texte soit aligné à gauche, dans certains cas, vous pouvez vouloir indenter un paragraphe pour une typographie améliorée et une meilleure expérience de lecture. Dans cet article, nous allons vous afficher comment indenter facilement des paragraphes dans WordPress.

How to indent paragraphs in WordPress

Méthode 1 : Utiliser les boutons d’indentation du texte dans l’éditeur visuel

Par défaut, la plupart des thèmes WordPress affichent les paragraphes justifiés à gauche ou à droite pour les langues de droite à gauche.

Si vous voulez indenter un paragraphe, alors vous pouvez le faire manuellement en cliquant sur le bouton d’augmentation de l’indentation dans l’éditeur visuel. Cela ajoutera un espacement à gauche du paragraphe.

Increase indent and decrease indent buttons in WordPress editor

Si vous souhaitez mettre en retrait plusieurs paragraphes, vous devez sélectionner ces paragraphes et cliquer sur le bouton d’augmentation du retrait.

Vous pouvez cliquer plusieurs fois sur le bouton d’augmentation du retrait pour augmenter l’espacement. Par exemple, si vous cliquez deux fois sur le bouton, l’espacement sera doublé.

Vous pouvez également réduire l’espacement en cliquant sur le bouton diminuer le retrait.

Méthode 2 : Indentation manuelle d’un paragraphe à l’aide de l’éditeur de texte

L’utilisation des boutons d’indentation du texte dans l’éditeur visuel est la façon la plus simple d’indenter des paragraphes dans WordPress. Montant, cela ne vous permet pas de contrôler la quantité d’espacement que vous souhaitez ajouter.

Les utilisateurs/utilisatrices plus avancés peuvent passer à l’éditeur de texte et ajouter manuellement l’espacement. Tout ce que vous devez faire est d’envelopper le texte autour des balises de paragraphe <p> et </p>, puis d’ajouter un CSS en ligne au texte du paragraphe comme ceci :

<p style="padding-left:25px ;">Votre texte de paragraphe va ici...</p>

Manually indent paragraphs using inline CSS

Cette méthode vous permet de contrôler l’espacement que vous souhaitez utiliser comme indentation. Cette méthode est idéale si vous n’avez pas besoin d’indenter les paragraphes très souvent. Toutefois, si vous indentez fréquemment des paragraphes, cette solution n’est pas idéale.

Méthode 3 : Mettre en retrait uniquement la première ligne d’un paragraphe

Les pages web n’utilisent pas l’espacement traditionnel des paragraphes utilisé par les traitements de texte ou la composition, qui met uniquement en retrait la première ligne du paragraphe.

Même dans WordPress, lorsque vous mettez un paragraphe en retrait, l’espacement est ajouté à l’ensemble du paragraphe.

All lines get affected in indent paragraph

Certains sites comme les nouvelles, les sites de magazines ou les revues littéraires peuvent vouloir ajouter un espacement de paragraphe plus traditionnel. Dans ce cas, vous devrez ajouter un CSS personnalisé à votre thème.

Tout d’abord, vous devez visiter Apparence  » Personnaliser pour lancer le personnalisateur de thème de WordPress. Cliquez ensuite sur l’onglet  » Additional CSS « .

Adding custom CSS in WordPress

Cela vous affichera une zone de texte dans le volet de gauche où vous pouvez ajouter votre CSS personnalisé. Vous devez ajouter ce code CSS dans la boîte.

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

Ce code CSS indique simplement aux navigateurs que si un paragraphe possède la classe .custom-indent, il faut ajouter 60px comme indentation du texte.

Vous pouvez maintenant modifier une publication dans WordPress et basculer vers l’éditeur de texte. Ensuite, insérez votre paragraphe dans les balises <p class= »custom-indent »> et </p> comme suit :

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

Une fois cela fait, vous pouvez prévisualiser votre publication, et vous verrez que seule la première ligne du paragraphe est précédée d’un espacement.

Indent only the first line of a paragraph in WordPress

Cette méthode fonctionnera parfaitement si vous souhaitez indenter uniquement quelques paragraphes. Cependant, si vous souhaitez ajouter ce style à tous les paragraphes de votre site, il vous suffit de modifier le CSS personnalisé comme suit :

article p { 
text-indent:60px;
} 

Cette règle CSS mettra automatiquement en retrait la première ligne de tous les paragraphes d’une publication ou d’une page WordPress.

Nous espérons que cet article vous a aidé à apprendre comment indenter les paragraphes dans WordPress. Vous pouvez également consulter nos astuces pour maîtriser l’éditeur visuel de WordPress.

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

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

11 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Paulette Brown says

    I found « Customize » at the top in the black menubar when I’m signed in for editing my WordPress site.
    Your instructions don’t mention that I need to click the blue « Publish » box to add the CSS. Mine doesn’t say « Save and Publish ». I found elsewhere that I need to click this, and when I change themes I may need to do this CSS entry again.
    The site-wide indent first line CSS doesn’t work the way I expected. Nothing seems to have happened.
    Does it need to be on the three lines you show, or can it be all on one line?

    • WPBeginner Support says

      Apologies for that lack of clarification, you are correct that if you change themes with method 3 it will require you to readd the CSS. The three lines are for display but either method should work properly.
      Your theme may be overriding the CSS, you may want to check with the support for your specific theme if there is a setting that would be preventing it.

      Administrateur

  3. chas says

    It works, but treats the whole article as one paragraph I’m trying to post a short story with many paragraphs
    all I cab do is insert one CR after another and that’s a royal pain

  4. Roman says

    None of this works for me. I’m either inserting it wrong, or wordpress has changed, and this doesn’t work anyone. I can’t even find the « additional css » after going into « appearance » to « customize ».

    • Sam says

      This definitely works. You have to search around your « customize » location. It also depends on your theme developer, they may move the add/custom CSS.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.