Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des boutons de texte soulignés et justifiés dans WordPress

L’utilisation des boutons « souligner » et « justifier » dans votre site WordPress peut améliorer la mise en forme et la lisibilité de votre contenu. Ils vous permettent de mettre l’accent sur les points importants et d’aligner proprement le texte.

Dans les versions antérieures de WordPress, les boutons de soulignement et de justification du texte étaient inclus par défaut dans l’éditeur visuel. Cependant, ils ont été supprimés par la suite dans le cadre de mises à jour visant à rationaliser l’éditeur.

Malgré leur suppression, de nombreux utilisateurs préfèrent encore ces options de formatage pour des cas d’utilisation spécifiques. Heureusement, vous pouvez ramener ces fonctionnalités à l’aide d’extensions ou de CSS personnalisés.

Dans cet article, nous allons vous afficher comment ajouter facilement des boutons de texte soulignés et justifiés dans WordPress.

How to Add Underline and Justify Text Buttons in 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 l’édition des publications et des pages sur votre site WordPress ? Ces boutons ont été supprimés de l’éditeur de publication 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.

Access Underline and Justify from the 'Displays More Block Tools' Icon

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 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.

Drag the Unused Buttons You Need to the Classic Editor's Toolbar

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.

Underline and Justify Buttons Are Now Available on the Classic Editor's Toolbar

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 ».

Expand the More dropdown menu from the block toolbar and select the Highlight option

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.

Choose a highlight color from the color picker tool

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 la façon de masquer des blocs à des utilisateurs spécifiques dans l’éditeur de WordPress ou consulter notre liste de réponses aux questions courantes sur Gutenberg.

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.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

36 commentairesLaisser une réponse

  1. 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

  2. The Venetian Box

    GREAT POST!!!! You helped me SO much, thank you!!!

    • WPBeginner Support

      You’re welcome, glad you like our content :)

      Administrateur

  3. Crina Caba

    You answered my question… Thank you.

  4. Darrin

    How to add justify without plugin ?
    any idea ?
    thanks

  5. mourad

    Thank you so much for the help

  6. 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!

  7. Robert Lindquist

    Thank you very much!!

  8. Darren

    Thanks for this! It has been driving me crazy!

  9. Sally Eilers

    ….signalling the demise of WordPress.

  10. 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.

  11. chandrashekhar

    Thank man ! it was of great help

  12. 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!!!

  13. Dipo Putra

    Question is, Why they remove it?

  14. HARISH NEGI

    Thank You very much. Solved my Problem.

  15. Joey Bangun

    Thanks so much!

    from Indonesia

  16. Praboda Madushan

    Thank you very much!

  17. Sharyn Wise

    You are an amazing WONDERFUL stupendously great FANTASTIC person!
    I have just discovered these had gone missing!
    THANK YOU!

  18. David

    A very handy and helpful little tip… Thank you!

  19. 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 ?

  20. nadia

    Thank you so much! I added the Re-add Text Underline and Justify plugin and it worked perfectly.

  21. 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

  22. Thomas

    Why did they remove the option to justify or underline text anyway? Was it causing issues somewhere along the line?

  23. Harpreet Kumar

    Realy an awesome article

  24. 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.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.