Justifier le texte dans Gutenberg WordPress

Justifier le texte avec Gutenberg dans WordPress

Article rédigé par Richard, publié le 1 novembre 2019

Vous avez créé votre site web sous WordPress ? Vous avez récemment mis ce dernier à jour ? Si vous aussi vous utilisez la nouvelle interface de WordPress et souhaitez justifier votre texte, cet article vous donne la solution. Justifier le texte avec Gutenberg c’est possible !

En pleine refonte de mes deux sites Internet donc celui-ci, j’ai récemment mis à jour l’ensemble de mes infrastructures (PHP, WordPress…). Comme vous, j’ai découvert la nouvelle interface d’édition “Gutenberg”. À peine installée, j’essaye cette dernière et découvre qu’une fois de plus les développeurs ont mis de côté la justification du texte.

Ayant déjà cherché l’origine du problème auparavant, je me prépare à utiliser le raccourci caché “Alt + Shift + J”. Mais après plusieurs essais, ce dernier ne fonctionne pas non plus. Je modifie donc le bloc paragraphe en bloc HTML, je rajoute ma balise <p align=”justify”> mais rien n’y fait.

Vous avez besoin d'un site Internet ?
Découvrez nos solutions web & e-commerce : site vitrine, boutique e-commerce, paiement en ligne, espace membre, formation et coaching...
Découvrir
Le Potager Bio 3

Après plusieurs recherches sur Google, je tombe facilement sur le forum Github des développeurs et constate que je ne suis pas le seul à avoir fait face à ce problème. Et c’est sur ce post que j’ai trouvé la solution : dans la barre latérale de WordPress, allez sur “Apparence” puis sur “Modifier le CSS”. Entrez le code ci-dessous

/* --- Justify Text Option --- */
.justify-text {
text-align: justify;
}

Une fois enregistrée, il ne vous reste plus qu’à saisir la classe additionnelle du style CSS, dans l’onglet “Advanced” des options de votre bloc de texte. Pour ce faire, copiez et collez la ligne de code suivante : justify-text

Justifier,texte,Gutenberg,WordPress
L’auteur de la solution a mis à disposition une illustration pour vous aider.

Cet article vous a aidé(e) ? Laissez un commentaire ! Je partagerai d’autres astuces par la suite. Si vous rencontrez une difficulté pour votre site web, n’hésitez pas à prendre contact en cliquant ici.

    1. Post
      Author

écrire un commentaire