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

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

Resaltar términos de búsqueda en los resultados de búsqueda de WordPress

Primero abre tu buscar.php y busca 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">\0</strong>', $title); ?>

Ahora abra su archivo CSS y agregue el estilo para el extracto de búsqueda de clase, y resaltará el término. Actualmente, el código pone los términos de búsqueda en negrita. Puedes probar este CSS simple en la hoja de estilo de tu tema.


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

Fuente: Miguel Martín

Deja un comentario