Comment mettre en évidence du texte dans WordPress (Guide du débutant)

4 janvier 2021

Voulez-vous 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, nous allons vous montrer comment mettre facilement en évidence du texte dans WordPress avec ou sans plugin.

Mettre du texte en surbrillance dans WordPress

Pourquoi et quand mettre du texte en surbrillance

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.

Voici un exemple de ce à quoi peut ressembler la mise en évidence du texte:

Exemple de texte en surbrillance

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.

Barre d'outils de paragraphe par défaut dans l'éditeur de blocs WordPress

Cela étant dit, voyons comment mettre facilement en évidence du texte dans WordPress.

Méthode 1. Mettez en surbrillance n'importe quel texte dans WordPress (aucun HTML requis)

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. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

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.

Surligner du texte dans WordPress à l'aide du plugin Advanced Editor Tools

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.

Exemple de texte en surbrillance

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

Modifier un bloc 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.

Modifier visuellement

La zone de bloc reviendra au mode visuel et vous remarquerez que le texte sélectionné est mis en surbrillance.

Texte en surbrillance dans l'éditeur

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 page pour lancer le personnalisateur de thème. De là, vous devez passer à l'onglet «CSS supplémentaire».

Paramètres CSS personnalisés

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.

CSS personnalisé pour changer la couleur d'arrière-plan du texte en surbrillance

Nous espérons que cela vous a aidé à apprendre à mettre en évidence du texte dans WordPress. Vous pouvez également consulter notre guide sur les meilleurs constructeurs de pages WordPress pour vous aider à créer des conceptions entièrement personnalisées sans aucun code, et notre comparaison des meilleurs services de marketing par e-mail pour augmenter votre trafic.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Le message Comment mettre en évidence du texte dans WordPress (Guide du débutant) est apparu en premier sur WPBeginner.