Cómo cambiar el color resaltado del resultado de búsqueda en los artículos

Cuando está activada la opción Resaltar Palabras clave de búsqueda coincidentes en artículos , Document360 resalta automáticamente el término de búsqueda dondequiera que aparezca en un artículo. El color de las luces por defecto es el amarillo. Puedes anular esto con un color personalizado, por ejemplo, para que coincida con la paleta de tu marca o mejore el contraste, tanto en modos Claro como Oscuro.

Cuándo usar esto

Utiliza esta personalización cuando quieras:

• Sustituye el resaltado amarillo por defecto por un color que se ajuste a tu marca o al tema de tu sitio.
• Mejora la visibilidad de los resaltos de términos de búsqueda frente al color de fondo de tu base de conocimientos.
• Aplica un estilo de luces consistente tanto en el modo Claro como en el Oscuro.

Antes de que empieces

• La opción de Destacados Palabras clave de búsqueda en Artículos debe estar activada para que aparezcan los mejores momentos de búsqueda. Actívalo en Configuración (
  ) > Base de conocimiento sitio > personalización del sitio antes de aplicar este CSS.
• Necesitas acceso a Configuración (
  ) > Sitio de la base de conocimiento > Personalización del sitio > CSS y JavaScript personalizados en el portal de la base de conocimiento.

Cómo cambiar el color de resaltado de la palabra clave de búsqueda

1. Navega a Configuración (

   ) > Sitio de la base de conocimiento > personalización del sitio > CSS y JavaScript personalizados en el portal de la base de conocimiento.

   

2. Desde el panel de navegación izquierdo, selecciona la pestaña CSS y pega el siguiente fragmento:

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

En los fragmentos de muestra anteriores, el verde y el morado se utilizan como colores de resaltado con texto blanco. Sustituye estos valores de color que deseas.

3. Actualiza los background-color valores y color a los colores que deseas.

4. Haz clic en Guardar.

   

Resultado

Antes

Las palabras clave de búsqueda se resaltan con el color amarillo predeterminado proporcionado por Document360.

Después

Las palabras clave de búsqueda se resaltan con el color #4E1E66 de fondo personalizado y el texto blanco tras aplicar el CSS.

Mejores prácticas

• Elige un color de resaltos que contraste tanto con el fondo de tu página como con el texto. Un color de luz que se funde con el fondo es invisible; una que choca con el color del texto reduce la legibilidad. Prueba la combinación que elijas tanto en los modos Luz como en Oscuridad.
• Mantén el color del texto (color) sincronizado con el fondo de las luces. El fragmento establece tanto el fondo de resaltado (background-color) como el color del texto (color) dentro del resalto. Si cambias el fondo a un color oscuro, úsalo white para el texto. Si usas un fondo claro, usa un color de texto oscuro.
• Usa valores HEX o RGB en lugar de nombres de color. Los nombres de color CSS como green son imprecisos. Sustituyelos por tu código HEX específico para obtener resultados precisos y consistentes con la marca.
• Verifica que esté activada la opción de Resaltar Coincidencia de Palabras clave de búsqueda. Si no aparecen los resaltados tras aplicar el CSS, comprueba que la función esté activada. El cambio de CSS solo afecta al color — no puede activar la función en sí.