Avez-vous besoin de souligner ou de justifier du texte dans WordPress ?
WordPress disposait auparavant de boutons de justification et de soulignement du texte dans l’éditeur visuel. Cependant, ils ont été retirés et ne sont plus disponibles.
Dans cet article, nous allons vous afficher comment ajouter facilement des boutons de texte soulignés et justifiés dans WordPress.
Pourquoi ajouter les boutons Souligner et Justifier le texte dans WordPress ?
Souhaitez-vous restaurer les boutons de soulignement et de justification manquants lors de la modification des publications et des pages sur votre site WordPress? Ces boutons ont été retirés de l’éditeur d’articles dans WordPress 4.7, mais il existe heureusement un moyen de les faire réapparaître.
Cependant, il y a quelques raisons pour lesquelles vous devriez envisager de ne pas souligner et justifier le texte sur votre site.
Tout d’abord, le texte souligné peut ressembler à des liens, et vos utilisateurs/utilisatrices peuvent se sentir frustrés lorsque ce qu’ils pensent être un lien ne fonctionne pas. De plus, le texte justifié peut rendre votre contenu plus difficile à lire, en particulier sur les petits écrans.
Ceci étant dit, voyons comment ajouter des boutons de texte soulignés et justifiés dans WordPress. Nous allons vous afficher comment le faire pour les éditeurs/éditrices blocs et classiques. Nous vous afficherons également comment souligner et justifier du texte à l’aide de raccourcis clavier, sans avoir besoin d’un bouton.
Méthode 1 : Souligner et justifier le texte à l’aide de raccourcis clavier
Vous n’avez pas besoin d’une extension ou d’icônes dans la barre d’outils pour souligner ou justifier du texte dans WordPress. Vous pouvez simplement utiliser un raccourci clavier.
Pour souligner un texte, il suffit de sélectionner le texte à souligner dans WordPress et d’appuyer sur Ctrl+U sous Windows ou Command+U sous Mac. C’est tout. Ce raccourci clavier fonctionnera aussi bien avec les éditeurs/éditrices blocs qu’avec l’éditeur classique.
Il existe un autre raccourci clavier pour justifier un texte. Il suffit de sélectionner le texte et d’appuyer sur Shift+Alt+J sous Windows ou Command+Option+J sous Mac pour que votre texte soit justifié.
Cependant, la combinaison de clavier pour justifier le texte fonctionnera uniquement avec l’éditeur classique. Si vous utilisez l’éditeur de blocs, vous ne pourrez pas justifier le texte à l’aide d’un raccourci clavier et devrez utiliser la méthode de l’extension ci-dessous.
Méthode 2 : Ajout de boutons Souligner et Justifier le texte à l’éditeur de blocs
Si vous souhaitez ajouter des boutons de soulignement et de justification du texte dans l’éditeur de blocs, cette méthode est faite pour vous.
Tout d’abord, vous devez installer et activer l’extension Gutenberg Éditeur de blocs Toolkit – Éditeurs/éditrices. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’un plugin WordPress.
Dès qu’elle est activée, l’extension rendra automatiquement disponibles le soulignement, la justification et d’autres fonctionnalités de mise en avant lors de l’utilisation de l’éditeur de blocs de WordPress.
Ces icônes supplémentaires ne peuvent pas être ajoutées directement à la barre d’outils de l’éditeur de blocs, mais vous trouverez les options supplémentaires en cliquant sur la flèche vers le bas « Afficher plus d’outils pour les blocs » dans la barre d’outils.
Pour souligner un texte, vous devez d’abord le sélectionner à l’aide de votre souris. Cliquez ensuite sur la flèche vers le bas « Affiche d’autres outils de bloc » et cliquez sur « Souligner » dans le menu déroulant.
Pour justifier un paragraphe, assurez-vous tout d’abord que votre curseur se trouve dans ce paragraphe. Cliquez ensuite sur la flèche vers le bas « Afficher d’autres outils de bloc » et sélectionnez « Justifier » dans le menu déroulant.
Méthode 3 : Ajout de boutons Souligner et Justifier le texte dans l’éditeur classique
Si vous utilisez l’éditeur/éditrices classique, cette méthode est faite pour vous.
Ici, vous devez installer et activer l’extension Advanced Editor Tools. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.
Une fois activé, naviguez vers la page Réglages » Outils de l’éditeur avancé à partir de votre colonne latérale d’administration WordPress. Ensuite, vous pouvez cliquer sur l’onglet » Éditeurs/éditrices classiques (TinyMCE) » en haut de la page.
Vous remarquerez une notification de l’éditeur WordPress classique. En dessous de la prévisualisation, il vous affichera tous les boutons inutilisés.
Vous devez maintenant faire glisser et déposer les boutons de soulignement et de justification du texte de la boîte « Boutons inutilisés » vers l’éditeur de texte.
Lorsque vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » en haut de l’écran pour stocker les nouveaux Réglages.
Désormais, lorsque vous créez ou modifiez un article ou une page de blog WordPress, les nouveaux boutons de formatage seront disponibles dans la barre d’outils de l’éditeur classique.
Bonus : Surligner du texte dans WordPress
Contrairement à la justification et au soulignement, vous pouvez mettre du texte en surbrillance dans WordPress en utilisant les réglages par défaut. C’est un moyen facile de souligner les points importants de votre contenu et d’attirer l’attention des utilisateurs/utilisatrices sur les détails que vous ne voulez pas qu’ils manquent.
Pour mettre du texte en surbrillance, vous devez ouvrir l’éditeur de blocs et sélectionner le texte que vous souhaitez mettre en surbrillance à l’aide de votre souris. Cliquez ensuite sur l’icône « Plus » dans la barre d’outils du bloc pour ouvrir un menu déroulant dans lequel vous pouvez sélectionner l’option « Surligner ».
Cette opération ouvre un sélecteur de couleurs à l’écran, dans lequel vous devez sélectionner l’onglet « Arrière-plan ». Vous pouvez ensuite sélectionner une couleur pour mettre le texte en évidence en cliquant sur l’option « Personnalisé » pour lancer l’outil « Pipette ».
Cliquez ensuite sur le bouton « Mettre à jour » ou « Publier » pour stocker vos Réglages. Maintenant, visitez votre site pour voir le texte mis en évidence en action. En savoir plus, consultez notre tutoriel sur la mise en évidence du texte dans WordPress.
Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter des boutons de texte soulignés et justifiés dans WordPress. Vous pouvez également consulter notre guide du débutant sur les raisons de la gratuité de WordPress ou notre liste des extensions indispensables pour développer votre site.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk
Does text alignment using ‘justify’ have any impact on a website’s content ranking, for instance by Google? Or is it just that it might create unnatural gaps in the text for some people? I’m wondering if using ‘justify’ could affect content evaluation in any way. Personally, I don’t use justify, but sometimes website owners request it.
WPBeginner Support
Using Justify should not affect your site’s rankings and it is used by some sites to prevent an unnatural look depending on the theme that the site uses.
Administrateur
The Venetian Box
GREAT POST!!!! You helped me SO much, thank you!!!
WPBeginner Support
You’re welcome, glad you like our content
Administrateur
Achraf NAJIH
It worked. Thanks.
Crina Caba
You answered my question… Thank you.
Darrin
How to add justify without plugin ?
any idea ?
thanks
mourad
Thank you so much for the help
Reinette
Thank you so much! TinyMCE is a super little plugin and I love what it’s done for my text editor.
Again, thank you!
Robert Lindquist
Thank you very much!!
Ajay
Thank You So much
Darren
Thanks for this! It has been driving me crazy!
Gibran Dimasagung
Thanks bro
Sally Eilers
….signalling the demise of WordPress.
James
This doesn’t work on my blog. When I click plugins I go to ‘Jetpack by Wordpress.com’ and there is nothing there similar to what you are talking about!!!!
Aayush Bhaskar
You must be going to Site Dashboard instead of going to Network Admin Area. Click on the Home Icon and Select Network Admin>plugins. There will be Add new, Network Activate etc options available.
chandrashekhar
Thank man ! it was of great help
Sampath S
Alternately, you can just use keyboard shortcuts:
Justify alignment – Alt +Shift +J
Underline – Ctrl+U
David
Thank you. This is a simple solution. I don’t need more plugins on my site.
Leslie
Thank you so much for this simple solution! No need to mess with plugins!!!
Dipo Putra
Question is, Why they remove it?
HARISH NEGI
Thank You very much. Solved my Problem.
Joey Bangun
Thanks so much!
from Indonesia
Praboda Madushan
Thank you very much!
Sharyn Wise
You are an amazing WONDERFUL stupendously great FANTASTIC person!
I have just discovered these had gone missing!
THANK YOU!
David
A very handy and helpful little tip… Thank you!
Sarah
Don’t really need a plugin for that. In Mac Ctrl+Alt+J and text justified,
But why wordpress decided to remove the icon from the menu ?
nadia
Thank you so much! I added the Re-add Text Underline and Justify plugin and it worked perfectly.
WPBeginner Support
Hi nadia,
Glad you found it helpful Don’t forget to follow us on Facebook for more WordPress tips and tutorials.
Administrateur
A
For me, this helped:
Select the text you wish to justify (ctrl+A)
Press Shift+Alt+J
And wordpress then justifies the text!
Amrit Singh
You’re the real mvp. thanks for the trick
Aldo Retana
This was more useful, thanks!
Richmond
Yes!, You are the real MVP. Awesome
Thomas
Why did they remove the option to justify or underline text anyway? Was it causing issues somewhere along the line?
Harpreet Kumar
Realy an awesome article
louis
Good! It’s interesting. Under certain conditions, this may be useful!
On the other hand, I think the underlining should be avoided in all web documents except for creating hyperlinks. This can sometimes cause confusion given the hyperlinks. As for the justification function of the text, this very often gives unexpected results.
It is not for nothing that these two options have been eliminated. Use with parsimony in VERY rare conditions.
Sorry about my poor english.