X

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

Snippets by IsItWP

¿Está buscando una manera de resaltar los resultados de búsqueda en WordPress? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para resaltar el resultado de la búsqueda en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo search.php de tu tema:

<?php
// Replace the_exerpt() with:
$excerpt = get_the_excerpt();
$keys = explode(" ",$s);
$excerpt = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt"></strong>', $excerpt);
echo $excerpt;
?>

Nota: Si es la primera vez que añades fragmentos de código en WordPress, consulta nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente tu sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 43 mejores temas de fotografía para WordPress y cómo solucionar el error al establecer una conexión de base de datos en WordPress.

Comentarios   Deja una respuesta

  1. This code doesn’t work, it removes the search terms from the excerpt!

    ‘<strong class="search-excerpt"></strong>’ should be ‘<strong class="search-excerpt">\0</strong>’ to actually show the search terms

  2. This Code breaks the native excerpt link into this visible link and code:

    … /” class=”more-link”>continue

    As you can see you need to configure the code to be within the originally excerpt at the same time it highlights the search terms. Now it’s not good.

    Kindly Lillan

    1. We are not seeing a broken link. That said, are you referring to a link in the excerpt or the post link itself?

      1. Lillian is correct, this messes up the more-link in excerpts if the search term is found in the link itself e.g. in the page slug

        1. I’ll ask the editor about this.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!