Justifier un texte dans Twenty Twenty-Five de WordPress

Connaissances requises : HTML + CSS

Comme vous le savez (ou peut-être pas 🤔), il n’est pas possible de justifier un texte directement avec le thème FSE Twenty Twenty-Five. Pour y parvenir, nous devons passer par l’intégration de HTML/CSS. Voici un petit tutoriel pour vous accompagner dans cette démarche. Si vous êtes déjà familier avec l’intégration de code HTML/CSS, cliquez ici pour accéder directement au code que j’ai utilisé.

1. Justifier un seul bloc

Cette méthode permet de justifier un texte bloc par bloc. Si vous souhaitez appliquer la justification sur plusieurs blocs à la fois, rendez-vous plus bas en cliquant ici.

Étape 1 : Modifiez votre bloc texte en HTML
Dans l’éditeur de blocs, passez votre texte en mode HTML.

Étape 2 : Collez le style CSS directement dans la balise <p>
Ajoutez le code suivant dans la balise de votre texte :

En gros, voici le code que j’ai rajouté dans la balise p :

2. Justifier plusieurs blocs à la fois avec une classe CSS (recommandé)

Si vous souhaitez appliquer la justification à plusieurs blocs sans avoir à modifier chaque élément manuellement, il est plus efficace de créer une classe CSS.

Étape 1 : Ajoutez une classe à votre bloc texte

• Dans les propriétés avancées de votre bloc texte, ajoutez un nom de classe.
• Par exemple, ici, nous avons choisi « justifier » comme nom de classe.

Étape 2 : Ajoutez le style CSS globalement

Quittez l’éditeur de page et accédez à l’éditeur de site.

Cliquez sur Styles > CSS additionnel (voir l’image ci-dessous si besoin).

Ajoutez le code CSS suivant :

Bien sûr, vous pouvez le faire plus proprement avec un snippet.

Et voilà !
Tous les blocs portant la classe « justifier » auront automatiquement la mise en forme appliquée.

J’espère que ce tutoriel vous a été utile ! Si vous avez des questions ou besoin d’aide, n’hésitez pas à me contacter.