Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment indenter facilement des paragraphes dans WordPress

Voulez-vous ajouter de l'espace ou indenter des paragraphes dans WordPress ? Bien que la plupart de vos textes soient alignés à gauche, dans certains cas, vous pourriez vouloir indenter un paragraphe pour améliorer la typographie et l'expérience de lecture. Dans cet article, nous allons vous montrer comment indenter facilement des paragraphes dans WordPress.

Comment indenter des paragraphes dans WordPress

Méthode 1 : Utiliser les boutons d'indentation de texte dans l'éditeur visuel

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

Si vous souhaitez indenter un paragraphe, 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.

Boutons d'augmentation et de diminution de l'indentation dans l'éditeur WordPress

Si vous souhaitez indenter plus d'un paragraphe, vous devez sélectionner ces paragraphes, puis cliquer sur le bouton d'augmentation de l'indentation.

Vous pouvez cliquer sur l'ajout d'indentation plusieurs fois pour augmenter l'espacement. Par exemple, si vous cliquez deux fois, l'espacement de l'indentation sera doublé.

Vous pouvez également diminuer l'espacement en cliquant sur le bouton de diminution de l'indentation.

Méthode 2 : Indenter un paragraphe manuellement en utilisant l'éditeur de texte

L'utilisation des boutons d'indentation de texte dans l'éditeur visuel est le moyen le plus simple d'indenter des paragraphes dans WordPress. Cependant, cela ne vous permet pas de contrôler la quantité d'espacement que vous souhaitez ajouter.

Les utilisateurs plus avancés peuvent passer à l'éditeur de texte et ajouter manuellement un espacement. Il vous suffit d'encapsuler le texte entre les balises de paragraphe <p> et </p>, puis d'ajouter du CSS en ligne au texte du paragraphe comme ceci :

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

Indenter manuellement des paragraphes en utilisant du CSS en ligne

Cette méthode vous permet de contrôler l'espacement que vous souhaitez utiliser comme retrait. Cette méthode serait la plus efficace si vous n'avez pas besoin de mettre en retrait des paragraphes très souvent. Cependant, si vous mettez fréquemment des paragraphes en retrait, ce n'est pas une solution 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 ne met en retrait que 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.

Toutes les lignes sont affectées par l'indentation du paragraphe

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

Tout d'abord, vous devez visiter Apparence » Personnaliser pour lancer le personnaliseur de thème WordPress. Cliquez maintenant sur l'onglet « CSS additionnel ».

Ajout de CSS personnalisé dans WordPress

Cela vous montrera une zone de texte dans le volet de gauche où vous pourrez 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 a la classe .custom-indent, alors il faut ajouter 60px comme retrait de texte.

Vous pouvez maintenant modifier un article dans WordPress et passer à l'éditeur de texte. Ensuite, encapsulez votre paragraphe entre les balises <p class=”custom-indent”> et </p> comme ceci :

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

Une fois terminé, vous pouvez prévisualiser votre article, et vous verrez que seule la première ligne du paragraphe a un espacement avant elle.

Indenter uniquement la première ligne d'un paragraphe dans WordPress

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

article p { 
text-indent:60px;
} 

Cette règle CSS indentera automatiquement la première ligne de tous les paragraphes dans un article ou une page WordPress.

Nous espérons que cet article vous a aidé à apprendre comment indenter des paragraphes dans WordPress. Vous voudrez peut-être aussi consulter nos conseils pour maîtriser l'éditeur visuel WordPress.

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

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

10 CommentsLeave a Reply

  1. J'ai trouvé « Personnaliser » en haut dans la barre de menu noire lorsque je suis connecté pour modifier mon site WordPress.
    Vos instructions ne mentionnent pas que je dois cliquer sur la boîte bleue « Publier » pour ajouter le CSS. La mienne ne dit pas « Enregistrer et publier ». J'ai trouvé ailleurs que je dois cliquer dessus, et lorsque je change de thème, je pourrais avoir besoin de refaire cette saisie CSS.
    Le CSS d'indentation de la première ligne à l'échelle du site ne fonctionne pas comme je m'y attendais. Rien ne semble s'être passé.
    Doit-il être sur les trois lignes que vous montrez, ou peut-il être sur une seule ligne ?

    • Désolé pour ce manque de clarification, vous avez raison si vous changez de thème avec la méthode 3, cela vous obligera à réajouter le CSS. Les trois lignes sont pour l'affichage, mais l'une ou l'autre méthode devrait fonctionner correctement.
      Votre thème peut outrepasser le CSS, vous voudrez peut-être vérifier auprès du support de votre thème spécifique s'il existe un paramètre qui l'empêcherait.

      Admin

  2. Je souhaite que les indentations et la numérotation aient des raccourcis clavier comme les traitements de texte.

  3. Ça marche, mais traite tout l'article comme un seul paragraphe. J'essaie de publier une nouvelle courte avec de nombreux paragraphes
    tout ce que je peux faire est d'insérer un retour chariot après l'autre et c'est une sacrée corvée.

  4. Ça marche pour le texte intérieur, mais ça le fait aussi dans les commentaires. Y a-t-il un moyen de faire en sorte que cela ne s'applique qu'aux publications ?

  5. Rien de tout cela ne fonctionne pour moi. Soit je l'insère mal, soit WordPress a changé et cela ne fonctionne plus. Je ne trouve même pas le « CSS additionnel » après être allé dans « Apparence » puis « Personnaliser ».

    • Cela fonctionne définitivement. Vous devez chercher dans votre emplacement « Personnaliser ». Cela dépend aussi du développeur de votre thème, ils peuvent déplacer l'ajout/le CSS personnalisé.

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à 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.