WordPress se targue d’être convivial, et pour cause : ses capacités sont pratiquement innombrables, son interface intuitive et facile à comprendre même pour les utilisateurs sans formation technique solide. Cependant, certains effets peuvent nécessiter peu d’efforts, selon l’éditeur que vous utilisez. L’un d’eux est retrait de paragraphe pour l’éditeur de blocs Gutenberg, et, bien qu’il soit souvent demandé, ne vient pas par défaut en tant que fonctionnalité du bloc de paragraphe. Cela ne signifie pas que les sites WordPress créés avec Gutenberg ne peuvent pas avoir de paragraphes en retrait : il s’agit simplement de se repérer dans les options de Gutenberg. Heureusement, vous nous avez pour vous aider.
L’éditeur classique, d’autre part, permet à l’utilisateur de modifier l’indentation des paragraphes, en plus d’autres fonctionnalités que vous pouvez utiliser à votre avantage (et des limitations qui peuvent facilement être surmontées). Nous allons également couvrir tout cela dans cet article.
L’indentation des paragraphes peut améliorer l’expérience du lecteur, raccourcir les lignes et apporter une valeur esthétique, en fonction du style et de la mise en page de votre site Web. Vous pouvez également utiliser l’indentation pour mettre en évidence certains paragraphes, peut-être comme alternative à la modification de la taille de la police ou de la couleur du texte, comme dans l’exemple ci-dessous.
Ce format de texte apparemment négligé est exactement ce dont nous voulons parler dans ce didacticiel. Nous allons vous montrer comment indenter des paragraphes dans WordPress de plusieurs manières différentes :
Il est un peu surprenant que le bloc de paragraphe de Gutenberg n’ait pas la fonctionnalité d’indentation par défaut. Il existe cependant une solution de contournement, qui consiste à ne pas utiliser de bloc de paragraphe pour le texte : le bloc dont vous avez besoin est le bloc classique.
Pour ajouter un bloc classique à votre publication WordPress, cliquez sur le plus signer et trouver le bloc classique dans le menu.
Nous avons rempli le bloc avec un texte d’espace réservé – Lorem Ipsum. Voici à quoi cela ressemble dans l’aperçu :
Maintenant, le bloc classique a des contrôles de formatage de texte au-dessus du texte. Pour augmenter et diminuer le retrait, utilisez le boutons augmenter/diminuer le retrait dans la rangée inférieure de la barre d’outils. Nous avons augmenté le retrait deux fois.
Et c’est ainsi que votre texte se comportera dans un article.
Maintenant, le bloc classique se comporte un peu différemment du bloc paragraphe : le Entrer le raccourci clavier ne créera pas de nouveau bloc. Cela ajoutera simplement une nouvelle ligne à votre texte. De cette façon, vous pouvez formater un texte long en un seul bloc classique Gutenberg avec la même indentation.
L’éditeur classique, heureusement, a l’option intégrée pour l’indentation des paragraphes. Le bloc classique de Gutenberg, en fait, simule l’éditeur classique. Vous pouvez trouver les contrôles de retrait dans la barre d’outils au-dessus du texte.
Voici à quoi ressemble le texte après trois augmentations de retrait.
Et voici à quoi ressemblera votre publication pour vos visiteurs : exactement la même chose qu’avec un bloc classique Gutenberg.
L’utilisation de la commande d’augmentation du retrait indentera votre paragraphe d’un incrément défini. Vous pouvez faire la même chose avec les balises HTML dans le mode texte de l’éditeur classique, mais vous pouvez aussi faire plus : vous pouvez indenter vos paragraphes du nombre de pixels que vous souhaitez.
Nous allons commencer par trois paragraphes en mode texte. La fonction de style de paragraphe que vous voulez est la remplissage-gauche fonction. Afin de définir un retrait pour un paragraphe, vous devez faire précéder le texte de cette balise HTML :
, où, bien sûr, vous échangerez l’espace réservé XXX avec le nombre de pixels. Vous devrez bien sûr également fermer la balise en terminant le paragraphe par :
.
Et cet effet de cascade sera clairement visible dans votre texte.
Maintenant, vous pouvez également formater le bloc classique de Gutenberg de la même manière. Accédez simplement aux paramètres de blocage (···) et sélectionnez Modifier en HTML.
Vous pouvez maintenant ajouter votre paramètre de style à la balise de paragraphe. Nous avons opté pour une indentation de 60 pixels (style= »padding-left : 60px ; »).
Et votre paragraphe sera maintenant en retrait comme vous l’avez spécifié.
Mais que se passe-t-il si vous souhaitez mettre en retrait la première ligne d’un paragraphe, pas le tout ? Il existe également un moyen de le faire, mais cela nécessite un peu de manipulation du CSS de votre thème.
Pour ce faire, vous devez accéder au personnalisateur de thème WordPress. Vous le trouverez en sélectionnant Apparence>Personnaliser depuis votre tableau de bord WordPress.
Vous devrez alors ajouter CSS supplémentaire.
Pour mettre en retrait la première ligne de tous les paragraphes de, disons, 40 pixels, ajoutez le code suivant au CSS personnalisé de votre thème :
article p {
text-indent:40px;
}
Cliquez sur Publier pour appliquer vos modifications.
Et maintenant, la première ligne de chacun de vos paragraphes sera en retrait de 40 pixels.
Vous pouvez également mettre en retrait la première ligne uniquement pour les paragraphes sélectionnés, si vous le souhaitez. Pour ce faire, vous devez créer une classe spéciale de paragraphe qui a le retrait requis et l’affecter aux paragraphes que vous choisissez. Cela semble compliqué, mais ne l’est vraiment pas. Tout ce que vous avez à faire est d’ajouter ce code au CSS supplémentaire de votre thème :
p.custom-indent {
text-indent:40px;
}
Bien sûr, vous devez cliquer Publier pour appliquer vos modifications.
Et puis vous devez ajouter le class= »custom-indent » à votre balise de paragraphe, comme ceci :
Et, comme nous n’avons ajouté que la classe d’indentation personnalisée au deuxième paragraphe, seul le deuxième paragraphe a la première ligne en retrait.
Bien sûr, cette méthode peut prendre du temps, mais obtenir exactement le look que vous voulez peut, et nécessite souvent, un investissement de votre part. Parfois, c’est de l’argent pour une solution premium. Ici, c’est du temps passé au formatage.
En conclusion
Comme vous l’avez vu, il suffit de peu de travail pour introduire l’indentation des paragraphes dans le texte de votre site Web, que vous pensiez à des paragraphes entiers ou à la première ligne, pour un look plus traditionnel. Si vous pensez que votre site Web pourrait bénéficier de ce type de formatage de texte et de style de paragraphe, pourquoi ne pas l’essayer ?
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
