Justifier un Texte avec WordPress

Comment Justifier un Texte avec WordPress : 4 Solutions

Même si la justification de texte n’est pas d’usage sur Internet, il peut arriver que vous deviez tout de même justifier votre texte avec l’éditeur de WordPress.

Nous allons examiner dans cet article les différentes manières de justifier un texte avec WordPress.

C’est sûrement la manière la plus pratique de justifier un texte avec WordPress.

Malheureusement, cette astuce ne fonctionne qu’avec l’éditeur classique de WordPress, qui n’est plus proposé par défaut et que vous devez donc télécharger puis installer comme une extension externe.

Voici donc les raccourcis clavier pour justifier votre texte :

  • Windows : Maj + Alt + J
  • Mac : CMD (option) + Alt + J

Justifier un Texte avec une Extension

Vous devez au préalable installer l’extension Advanced Editor Tools (anciennement TinyMCE Advanced), qui permet d’ajouter des boutons à l’éditeur de WordPress, dont un bouton « Justifier ».

Une fois l’extension installée, vous devez ajouter ce bouton à l’éditeur en vous rendant dans « Réglages » dans le menu principal de WordPress, puis dans « Advanced Editor Tools ». Glissez alors le bouton dans la barre d’outils.

Ajouter le Bouton Justifier dans la Barre d'Outils de WordPress
Ajouter le Bouton Justifier dans la Barre d'Outils de WordPress

L’extension fonctionne aussi bien avec l’éditeur classique de WordPress qu’avec Gutenberg.

Cependant, avec Gutenberg cela ne fonctionne qu’avec les blocs dits « classiques ».

Ajouter un Bloc Classique dans l'Éditeur Gutenberg de WordPress
Ajouter un Bloc Classique dans l'Éditeur Gutenberg de WordPress

Justifier un Texte en Ajoutant du Code HTML

Vous pouvez également ajouter du code HTML au sein de votre texte afin de justifier votre paragraphe.

Pour cela, cliquez sur les 3 petits points sur l’éditeur et choisissez « Modifier en HTML » dans le menu.

Ensuite, ajoutez ce code HTML de part et d’autre du paragraphe qui doit être justifié :

<p style= »text-align: justify; »>Paragraphe qui doit être justifié</p>

N’oubliez pas de refermer la balise <p> à la fin de votre paragraphe.

Modifier le Code HTML dans l'Éditeur Gutenberg de WordPress
Modifier le Code HTML dans l'Éditeur Gutenberg de WordPress

Justifier un Texte avec du CSS

Une manière plus pratique de justifier un texte est de créer un style CSS au sein du fichier style.css de votre site WordPress.

Pour modifier ce fichier, il vous suffit de vous rendre, à partir du menu général, dans « Outils », puis « Éditeur de fichiers des thèmes », et sélectionner « style.css » dans le menu de droite « Fichiers du thème ».

Ajoutez ensuite le nouveau style dans le fichier style.css :

.texte-justifie {
text-align: justify;

Style CSS Texte Justifié
Insérez ce style dans le fichier style.css de votre site afin de justifier votre texte

Dans votre article, appelez le style en allant dans le menu « Bloc » à droite, puis cliquez sur « Avancé », puis entrez le nom de votre style (sans le point) dans le champ « Classe(s) CSS additionnelle(s) ».

Ajouter une Classe Additionnelle dans l'Éditeur Gutenberg de WordPress
Ajouter une Classe Additionnelle dans l'Éditeur Gutenberg de WordPress

Mais au Fait, c'est Quoi la Justification ?

En typographie, la justification est la longueur de la ligne la plus longue permise par le format du papier que l’on utilise.

Dans un alignement justifié ou « au carré », toutes les lignes ont la même longueur que la justification, sauf la dernière ligne, qui est alignée à gauche. 

Eh bien voilà, vous savez tout sur la justification de texte avec WordPress ! N’hésitez pas à me faire part de vos avis en commentaires !

Et si vous avez besoin d’un beau site Internet, n’hésitez pas à faire appel à moi !

Image par Gerd Altmann de Pixabay

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.