Tutorial: Personalizar caja de búsqueda en plantilla de Wordpress

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Me pidieron poner texto en la caja de búsqueda de una plantilla, y bueno, después de indagar un poco encontré la solución

1 - Buscamos el archivo en nuestra plantilla Wordpress con el nombre
searchform.php

2 - Abrimos el archivo con un editor de programación

3 - Buscamos la línea, dentro del archivo, con el siguiente código
PHP:
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
4 - Cambiamos la línea por esta otra:
PHP:
<input type="text" value="Texto a mostrar" name="s" id="s" onfocus="if (this.value == 'Texto a mostrar
') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Texto a mostrar';}" />
Tomado de
Getting Text in your WordPress Search Box | bavotasan.com
 
Gracias Moncho nos puede servir en cualquier momento :top:
 
Se agradece, siempre que lo quise hacer nunca sabia xD
 
Como extra, si en ves de colocar value="texto a mostrar" y poner el javascript colocan esto:

Insertar CODE, HTML o PHP:
placeholder="texto a mostrar"

Los navegadores que soporten html5 (firefox4, chrome, opera, safari) mostrarán lo mismo sin tanta complicación.
 
Gracias, muy buen Tutorial !
 
Se agradece por el aporte. 😛anda:
 
Me viene muy bien, muchas gracias!
 
Gracias, buen tuto!
 
Atrás
Arriba