Comment mettre en évidence du texte dans WordPress

4 janvier 2021

Vous aimeriez mettre en évidence du texte dans un article ou une page WordPress ? Le fait de pouvoir mettre du texte en surbrillance peut vous aider à attirer l'attention de l'utilisateur sur une zone de texte spécifique. Cela peut être idéal pour mettre en évidence un appel à l'action, une offre spéciale ou simplement mettre l'accent sur des phrases spécifiques. Dans cet article, on vous explique comment mettre, très facilement, du texte en évidence avec ou sans plugin WordPress.

Pourquoi mettre du texte en avant ?

La mise en évidence du texte est un moyen simple de mettre en valeur les informations importantes de votre contenu. Cela vous aide à attirer l'attention de l'utilisateur sur les appels à l'action importants.

Par défaut, l'éditeur de contenu WordPress ne propose pas l'option de simplement sélectionner et mettre en évidence n'importe quel texte. Vous pouvez toujours mettre en valeur le texte en le faisant italique, changer la couleur du texte ou en faire audacieux.

Comment mettre en évidence du texte dans WordPress ?

Dans la suite de cet article, on vous explique les différentes méthodes existantes, vous permettant de mettre en évidence, du texte dans WordPress ! Quelques clics, et le tour est joué !

1. Mettez en surbrillance n'importe quel texte dans WordPress

Le moyen le plus simple de mettre du texte en évidence est d'utiliser un plugin WordPress. Tout d'abord, vous devez installer et activer le plugin Advanced Editor Tools.  Advanced Editor Tools (anciennement appelé TinyMCE Advanced) ajoute plus d'options de formatage et étend l'éditeur de blocs WordPress.

Une fois le plugin activé, vous pouvez modifier le post ou la page WordPress dans lequel vous souhaitez mettre du texte en surbrillance. Sélectionnez simplement le texte que vous souhaitez modifier, puis cliquez sur la flèche déroulante pour plus d'options de mise en forme.

Dans le menu déroulant, vous devez sélectionner l'option «Marquer». Cela mettra en évidence le texte en utilisant les couleurs par défaut. Cependant, la couleur réelle peut varier en fonction des couleurs de votre thème WordPress. Vous pouvez maintenant enregistrer votre publication / page et la prévisualiser pour voir le texte en surbrillance en action.

Facile n'est-ce pas ? Cependant, si vous n'avez pas besoin de surligner le texte très souvent, cette méthode suivante vous permet de faire de même sans utiliser de plugin.

Méthode 2. Mettre en évidence manuellement le texte dans WordPress

Cette option nécessite un peu de code, mais elle est facile à implémenter. Pour cet exemple, nous utiliserons l'élément HTML 'mark'. Cela peut être utilisé pour mettre en évidence et attirer l'attention sur une certaine partie de votre écriture.

Modifiez simplement le message ou la page sur lequel vous souhaitez mettre le texte en surbrillance. Ensuite, allez au paragraphe contenant le texte, puis cliquez sur le menu à trois points dans la barre d'outils des blocs. De là, vous devez sélectionner l'option «Modifier au format HTML».

Ensuite, vous verrez du texte brut au format HTML. Enveloppez simplement le texte que vous souhaitez mettre en évidence dans le <mark> et </mark> tags comme celui-ci:

<mark>highlighted text</mark>

Vous pouvez maintenant revenir au mode visuel en cliquant à nouveau sur le menu à trois points et en sélectionnant «Modifier visuellement» dans la barre d'outils des blocs.

La zone de bloc reviendra au mode visuel et vous remarquerez que le texte sélectionné est mis en surbrillance. Votre texte en surbrillance peut avoir un aspect différent en fonction de votre thème WordPress. Cependant, normalement, ce n'est qu'un fond jaune.

Si vous souhaitez le modifier, vous pouvez le faire en ajoutant votre propre CSS personnalisé. Allez simplement à Apparence »Personnaliser pour lancer le personnalisateur de thème. De là, vous devez passer à l'onglet «CSS supplémentaire».

Ici, vous pouvez coller votre CSS personnalisé. Vous pouvez utiliser le code CSS suivant comme point de départ.

mark {
background-color: #ffd4a1;
}

Une fois que vous avez terminé, cliquez sur le bouton «Publier» pour enregistrer vos modifications. Vous pouvez maintenant visiter votre blog WordPress pour voir votre texte en surbrillance en action.

Mettre en évidence du texte dans WordPress : notre conclusion

Nous espérons que cela vous a aidé à apprendre à mettre en évidence du texte dans WordPress. Vous pouvez également consulter nos différents guides sur WordPress, notamment celui sur les plugins devis ! Vous envisagez d'optimiser votre pied de page ? Rien de plus simple !

Crédits