Lorsque nous modifions le texte d’un article (publication) ou d’une page dans WordPress, nous avons accès à divers outils pour formater ou mettre en page ce texte, l’aligner, le centrer ou le justifier.
L’éditeur WordPress classique (versions antérieures à 5.0) inclut une barre de boutons pour un accès rapide à ces fonctions de mise en page; cependant, il ne contient pas de bouton pour justifier le texte, c’est-à-dire aligner le contenu sur les marges de gauche et de droite.
Cela ne signifie pas que vous ne pouvez pas justifier un paragraphe de texte ou le texte entier dans WordPress.
Ainsi, le langage de balisage HTML possède des balises pour cette fonction et il n’y a donc aucun obstacle pour justifier les textes.
Dans cet article, nous allons voir les différentes méthodes pour justifier le texte dans les pages ou les messages WordPress, à partir du clavier, en ajoutant le bouton correspondant dans la barre d’outils de l’éditeur ou en modifiant le code HTML et CSS directement dans le texte.
Comment le texte est-il aligné et justifié dans WordPress?
La barre d’outils de l’éditeur de texte WordPress, à la fois l’éditeur classique et l’éditeur Gutenberg, comprend trois boutons pour aligner le texte du paragraphe où se trouve le curseur ou le bloc de texte actuellement sélectionné:
Respectivement, ces trois boutons alignent respectivement à gauche, au centre ou à droite le ou les paragraphes sélectionnés.
En outre, il est possible d’aligner le texte à l’aide de raccourcis clavier; c’est-à-dire une combinaison de touches qui effectue cette action sans cliquer sur le bouton de la barre d’outils:
- Maj + Alt + J : texte justifié
- Maj + Alt + C: alignement au centre
- Maj + Alt + L: alignement à gauche
- Maj + Alt + R: alignement à droite
La règle mnémonique pour se souvenir facilement de ces touches est que chaque lettre correspond à l’action de chaque alignement: « C » pour Center; « L » pour « Left » (gauche en anglais); et « R » pour « Right » (droite en anglais).
Justifier le texte dans WordPress en utilisant le CSS
Si vous choisissez de justifier le texte en utilisant le CSS, il suffit de passer à l’éditeur HTML et d’utiliser le code comme ci-dessous.
<p style= »text-align : justify ; »> Ce texte sera justifié </p>