Image thumb png

Cómo resaltar las búsquedas en Wordpress

VeraSoul
1 Mins. de Lectura
1 mins read

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">\0</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.

Compartir Artículo

Accessibility Options

Quick Presets
Font Size
Line Height
Letter Spacing
Color Schemes
Text Alignment
Options
Reading & Focus
Read Aloud
Speed: 1x
Cursor Size