Justifier un texte WordPress est une manière d’aligner un texte qui consiste à ce que chaque ligne de texte contenu dans un bloc soit de la même longueur en insérant des espaces entre les mots. La ou les phrases prendra toute la largeur du bloc parent.
Parfois on aime que tout soit carré. Du coup, on peaufine chaque pixel pour rendre le contenu le plus agréable possible. Côté texte ? On aimerait que ce soit pareil. Que chaque ligne soit d’une longueur égale comme on le voie partout dans les journaux. C’est ce qu’on appelle justifier un texte. WordPress ne propose pas cette fonction nativement, mais nous allons voir comment y remédier puisque le célèbre ctrl+alt+j ne fonctionne pas avec l’éditeur Gutenberg.
Je vous propose de le faire avec du CSS. Rassurez-vous, ce n’est pas compliqué. Je vais vous montrer comment faire avec un thème classique et nous verrons comment faire la même chose avec un thème FSE. Je vous déconseille d’utiliser d’autres méthodes.
Ajouter une classe pour justifier un texte WordPress
Quel que soit le thème utilisé avec l’éditeur de WordPress, la première étape consiste à ajouter un nom de classe au bloc de texte que vous voulez justifier.
Pour cela, cliquez sur votre texte pour sélectionner le bloc correspondant. Puis dans la colonne de droite, dans l’onglet « Bloc », cliquez sur « Avancé ».
Indiquez un nom sans caractères spéciaux et sans espace dans la case « Classe(s) css additionnelle(s)« . Ce sera le nom de votre classe. C’est ce nom que nous allons utiliser pour donner des propriétés de style à votre texte. Dans l’exemple, ci-dessous, j’ai mis le nom « jusitfy » comme nom de classe.
Si vous voulez appliquer ce style sur un autre paragraphe ou un bloc qui contient plusieurs paragraphes, il suffira d’indiquer ce même nom à votre élément. Toujours au même endroit.
Jusque là, rien de bien compliqué. La suite n’est pas plus difficile.
Ajouter du code CSS pour justifier un texte WordPress
Pour ajouter du code CSS sur WordPress, ça se passe en deux étapes. La première est d’accéder au panneau de CSS personnalisé. La deuxième est d’écrire une ligne de code. Voyons ces deux étapes.
Panneau CSS personnalisé de WordPress pour un thème classique
Pour ouvrir le Panneau CSS de WordPress afin d’écrire du code dans un thème classique, cliquez sur « Apparence > Personnaliser« . Quand la page est chargée, cliquez sur « CSS additionnel » en bas de la colonne.
