---
title: "Cómo resaltar las búsquedas en Wordpress"
description: "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,..."
url: https://verasoul.com/como-resaltar-las-bsquedas-en-wordpress.html
date: 2022-12-25
modified: 2022-12-25
author: "VeraSoul"
image: https://verasoul.com/wp-content/uploads/image_thumb473.png
categories: ["Software", "Tutoriales", "WordPress"]
tags: ["Blog", "CSS", "diseño web", "font weight", "Howto", "PHP", "php function", "Software", "span class", "style css", "tigle", "Trucos", "Utilidades"]
type: post
lang: es
---

# Cómo resaltar las búsquedas en Wordpress

[![image](https://verasoul.com/wp-content/uploads/image_thumb473.png)](https://verasoul.com/wp-content/uploads/image462.png) 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.