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

En un esfuerzo por hacer que su búsqueda de WordPress sea aún más intuitiva, puede resaltar sus términos de búsqueda en los resultados. Hicimos esto para uno de nuestros clientes, por lo que pensamos que sería útil para otros usuarios. En este artículo, le mostraremos cómo resaltar los términos de búsqueda en los resultados de WordPress.

Primero abra su search.php y busque el siguiente código:

<?php the_title(); ?>

Reemplace el código anterior con:

<?php echo $title; ?>

Asegúrese 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 abra su archivo CSS y agregue el estilo para el extracto de búsqueda de clases, que resaltará el término. Actualmente, el código pone los términos de búsqueda en negrita. Puede probar este sencillo CSS en la hoja de estilo de su tema.

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

Fuente: Michael Martin