Cómo resaltar los términos de búsqueda en los resultados en WordPress

En un intento de hacer tu búsqueda en WordPress aún más fácil de usar, puedes resaltar los términos de búsqueda en los resultados. Lo hicimos para uno de nuestros clientes, así que pensamos que sería útil para otros usuarios. En este artículo te mostraremos cómo puedes resaltar los términos de búsqueda en los resultados en WordPress.

Primero abre tu search.php y busca el siguiente código

<?php the_title(); ?>

Sustituye el código anterior por

<?php echo $title; ?>

Asegúrate de pegar esta línea encima del código del título:

<?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt"></strong>', $title); ?>

Ahora abre tu archivo CSS y añade el estilo de la clase search-excerpt, y resaltará el término. Actualmente el código hace que los términos de búsqueda estén en negrita. Puedes probar este sencillo CSS en la hoja de estilos de tu tema

strong.search-excerpt { 
background-color:yellow;
color:blue;
}

Fuente Michael Martin