ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Search
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
En lisant: Comment indenter facilement des paragraphes dans WordPress
Partager
Notification Montre plus
Aa
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Aa
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
Search
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Suivez-nous
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
ThemeLocal - Des conseils de blog qui fonctionnent comme par magie > Blog > Guide du débutant > Comment indenter facilement des paragraphes dans WordPress
Guide du débutant

Comment indenter facilement des paragraphes dans WordPress

Dernière mise à jour: décembre 3, 2021 3:48 pm
ThemeLocal il y a 5 ans 5 minutes lecture minimale
Partager
5 minutes lecture minimale
Comment indenter facilement des paragraphes dans WordPress
Partager

Voulez-vous ajouter de l’espace ou des paragraphes en retrait dans WordPress ? Bien que la majeure partie de votre texte soit alignée à gauche, dans certains cas, vous souhaiterez peut-être mettre le paragraphe en retrait pour une typographie améliorée et une meilleure expérience de lecture. Dans cet article, nous allons vous montrer comment indenter facilement des paragraphes dans WordPress.

Contents
Méthode 1 : Utilisation des boutons de texte de retrait dans Visual EditorMéthode 2: Indenter le paragraphe manuellement à l’aide de l’éditeur de texteMéthode 3 : Mettre en retrait uniquement la première ligne d’un paragraphe

Méthode 1 : Utilisation des boutons de texte de retrait dans Visual Editor

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 mettre en retrait un paragraphe, vous pouvez le faire manuellement en cliquant sur le bouton d’augmentation du retrait dans l’éditeur visuel. Cela ajoutera un espacement à gauche du paragraphe.

Augmenter le retrait et réduire les boutons de retrait dans l'éditeur WordPress

Si vous souhaitez mettre en retrait plus d’un paragraphe, vous devez sélectionner ces paragraphes, puis cliquer sur le bouton d’augmentation du retrait.

Vous pouvez cliquer plusieurs fois sur l’ajout de retrait pour augmenter l’espacement. Par exemple, si vous cliquez deux fois dessus, l’espacement des retraits sera double.

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

Méthode 2: Indenter le paragraphe manuellement à l’aide de l’éditeur de texte

L’utilisation des boutons de retrait de texte dans l’éditeur visuel est le moyen le plus simple de mettre en retrait 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. Tout ce que vous avez à faire est d’envelopper le texte autour des balises de paragraphe

et

, puis d’ajouter du CSS en ligne au texte de paragraphe comme ceci :

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Indenter manuellement les paragraphes à l'aide de CSS en ligne

Cette méthode vous permet de contrôler l’espacement que vous souhaitez utiliser comme retrait. Cette méthode fonctionnerait mieux si vous n’avez pas besoin de mettre des paragraphes en retrait aussi souvent. Cependant, si vous indentez fréquemment des paragraphes, 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 de paragraphe traditionnel 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 indentez un paragraphe, l’espacement est ajouté à l’ensemble du paragraphe.

Toutes les lignes sont affectées dans le paragraphe de retrait

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

Vous devez d’abord visiter Apparence » Personnaliser pour lancer le personnalisateur de thème WordPress. Cliquez maintenant sur l’onglet « CSS supplémentaire ».

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, ajoutez 60px comme texte-indent.

Vous pouvez maintenant modifier un article dans WordPress et passer à l’éditeur de texte. Ensuite, enveloppez votre paragraphe dans les balises

et

comme ceci :

<p class="custom-indent">Your paragraph text goes here...</p>

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

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

Cette méthode fonctionnera parfaitement si vous souhaitez uniquement mettre en retrait 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 mettra automatiquement en retrait la première ligne de tous les paragraphes d’un article ou d’une page WordPress.

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

Vous pourriez aussi aimer

Comment installer la version bêta publique de macOS 27 Golden Gate

Comment effectuer une extraction complète des données depuis ChatGPT

Comment déplacer une note dans un dossier dans l’application Notes sur iPhone et iPad

Comment utiliser les options d’appel FaceTime pour refuser et accepter de nouveaux appels

Comment partager des rappels sur iPhone avec vos amis et votre famille

MARQUÉ: Comment, dans, des, facilement, indenter, paragraphes, WordPress
Partagez cet article
Facebook Twitter Pinterest Whatsapp Whatsapp
Partager
Qu-est-ce que tu penses?
Aimer0
Triste0
Heureux0
Somnolent0
Fâché0
Sans commentaires0
Clin d-œil0
Article précédent 1638537855 Critique du Jabra Elite 3 Critique du Jabra Elite 3
Article suivant Comment installer en masse vos plugins preferes dans WordPress Comment installer en masse vos plugins préférés dans WordPress
Laissez un commentaire

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Poste populaire

Comment utiliser les options dappel FaceTime pour refuser et accepter
Comment utiliser les options d’appel FaceTime pour refuser et accepter de nouveaux appels
Comment
Comment partager des rappels sur iPhone avec vos amis et
Comment partager des rappels sur iPhone avec vos amis et votre famille
Comment
1784192434 Comment installer la version beta publique de macOS 27 Golden
Comment installer la version bêta publique de macOS 27 Golden Gate
Comment
1784012438 Comment installer la version beta publique diOS 27 sur votre
Comment installer la version bêta publique d’iOS 27 sur votre iPhone
Comment
1784152840 Comment deplacer une note dans un dossier dans lapplication Notes
Comment déplacer une note dans un dossier dans l’application Notes sur iPhone et iPad
Comment
Comment effectuer une extraction complete des donnees depuis ChatGPT
Comment effectuer une extraction complète des données depuis ChatGPT
Comment

También podría gustarte

1784192434 Comment installer la version beta publique de macOS 27 Golden
Comment

Comment installer la version bêta publique de macOS 27 Golden Gate

il y a 3 jours 6 minutes lecture minimale
Comment effectuer une extraction complete des donnees depuis ChatGPT
Comment

Comment effectuer une extraction complète des données depuis ChatGPT

il y a 3 jours 6 minutes lecture minimale
1784152840 Comment deplacer une note dans un dossier dans lapplication Notes
Comment

Comment déplacer une note dans un dossier dans l’application Notes sur iPhone et iPad

il y a 3 jours 3 minutes lecture minimale
Comment utiliser les options dappel FaceTime pour refuser et accepter
Comment

Comment utiliser les options d’appel FaceTime pour refuser et accepter de nouveaux appels

il y a 4 jours 3 minutes lecture minimale
Comment partager des rappels sur iPhone avec vos amis et
Comment

Comment partager des rappels sur iPhone avec vos amis et votre famille

il y a 4 jours 6 minutes lecture minimale
1784012438 Comment installer la version beta publique diOS 27 sur votre
Comment

Comment installer la version bêta publique d’iOS 27 sur votre iPhone

il y a 5 jours 10 minutes lecture minimale
1783620035 Empechez les autres dutiliser vos photos Instagram dans les invites
Comment

Empêchez les autres d’utiliser vos photos Instagram dans les invites IA : voici comment procéder

il y a 1 semaine 3 minutes lecture minimale
1783618237 Comment rediger les meilleures invites dIA en 3 etapes
Comment

Comment rédiger les meilleures invites d’IA en 3 étapes

il y a 1 semaine 10 minutes lecture minimale
Montre plus
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Suivez-nous
© 2022 Themelocal. Tous les droits sont réservés.
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
Welcome Back!

Sign in to your account

Mot de passe perdu?