en , ,

Como resaltar las búsquedas en WordPress

image Si tienes tu propio formulario de búsqueda en el diseño de tu blog y quiere resaltar las búsquedas que se hagan en el mismo con el propósito de que tus visitantes vean por ejemplo el texto resaltado, con fondo de otro color, en negrita o en subrayado por ejemplo, debes seguir los siguientes pasos para llevarlo a cabo.

Dependiendo del tema que tengamos instalado, debemos localizar la función que se encarga de realizar la búsqueda, por ejemplo:

Abrimos el fichero search.php y localizamos la función the_tigle(); y la reemplazamos por mytitle();

Añadimos el siguiente código al fichero funtions.php

<?php
  function mytitle() {     $mytitle = get_the_title();     $keys= explode(" ",$s);

    $mytitle = preg_replace('/('.implode('|', $keys) .')/iu',
        '<span class="searched">
<?php
function mytitle() {     $mytitle = get_the_title();     $keys= explode(" ",$s);

    $mytitle = preg_replace('/('.implode('|', $keys) .')/iu',
        '<span class="searched">\0</span>',
        $mytitle);
        echo $mytitle;
}
?>
</span>',
        $mytitle);
        echo $mytitle;
}
?>

Posteriormente abrismo el fichero style.css y añadimos el siguiente código:

.searched { background: yellow; font-weight:bold; }

Eso es todo lo que debemos hacer, a partir de ahora cuando realicemos una búsqueda en el blog, las palabras encontradas se resaltarán con fondo amarillo y letra en negrita.

Informar

Comentarios

Deja una respuesta

      Como limitar el tamaño máximo de las imágenes en las entradas mediante CSS

      Como limitar el tamaño máximo de las imágenes en las entradas mediante CSS

      Data Life Engine 8.0: un gestor CMS

      Data Life Engine 8.0: un gestor CMS