Comment changer la couleur des résultats de recherche surlignés dans les articles

Lorsque le paramètre Mise en surbrillance des mots-clés de recherche correspondants dans les articles est activé, Document360 met automatiquement en évidence le terme de recherche partout où il apparaît dans un article. La couleur de surlignage par défaut est le jaune. Vous pouvez remplacer cela par une couleur personnalisée, par exemple, pour correspondre à la palette de votre marque ou améliorer le contraste, pour les modes Clair et Sombre.

Quand utiliser cela

Utilisez cette personnalisation lorsque vous souhaitez :

• Remplacez la surlignure jaune par défaut par une couleur qui correspond à votre marque ou au thème de votre site.
• Améliorez la visibilité des points forts des termes de recherche par rapport à la couleur de fond de votre base de connaissances.
• Appliquez un styling cohérent des hautes lumières en mode clair et sombre.

Avant que tu commences

• Le paramètre Highlight Matching Search Keywords in Articles doit être activé pour que les points forts de recherche apparaissent tout court. Activez-le dans Paramètres (
  ) > site de la base de connaissances > personnalisation du site avant d’appliquer ce CSS.
• Vous avez besoin d’accéder aux paramètres (
  ) > site de base de connaissances > personnalisation du site > CSS & JavaScript personnalisés dans le portail de la base de connaissances.

Comment changer la couleur de surlignation du mot-clé de recherche

1. Naviguer dans les paramètres (

   ) > site de la base de connaissances > personnalisation du site > CSS & JavaScript personnalisés dans le portail de la base de connaissances.

   

2. Depuis le panneau de navigation de gauche, sélectionnez l’onglet CSS et collez l’extrait suivant :

.fp-search-content em, .search-content em {
    background-color: #4E1E66;
    color: white;
}

Dans les extraits d’exemple ci-dessus, le vert et le violet sont utilisés comme exemples de couleurs de surlignage avec du texte blanc. Remplacez-les par les valeurs de couleur souhaitées.

3. Mettez à jour les background-color valeurs et color avec les couleurs que vous souhaitez utiliser.

4. Cliquez sur Enregistrer.

   

Conséquences

Avant

Les mots-clés de recherche sont mis en évidence avec la couleur jaune par défaut fournie par Document360.

Après

Les mots-clés de recherche sont mis en évidence avec la couleur #4E1E66 d’arrière-plan personnalisée et le texte blanc après application du CSS.

Meilleures pratiques

• Choisissez une couleur de surlignage qui contraste à la fois avec l’arrière-plan de votre page et votre texte. Une couleur de lumière qui se fond dans l’arrière-plan est invisible ; une qui entre en conflit avec la couleur du texte réduit la lisibilité. Testez la combinaison que vous choisissez en modes Lumière et Obscurité.
• Gardez la couleur du texte (color) synchronisée avec votre fond de surveillance. Le fragment place à la fois l’arrière-plan surligné (background-color) et la couleur du texte (color) à l’intérieur du surligne. Si vous changez l’arrière-plan pour une couleur foncée, utilisez white pour le texte. Si vous utilisez un fond clair, optez pour une couleur de texte foncée.
• Utilisez des valeurs HEX ou RVB plutôt que des noms de couleurs. Les noms de couleurs CSS sont green imprécis. Remplacez-les par votre code HEX spécifique pour des résultats précis et cohérents avec la marque.
• Vérifiez que le paramètre Mise en surbrillance et correspondance des mots-clés de recherche est activé. Si les surlignages n’apparaissent pas après l’application du CSS, vérifiez que la fonction est activée. Le changement CSS n’affecte que la couleur — il ne peut pas activer la fonctionnalité elle-même.