Tutorial: Personalizar caixa de busca em template de Wordpress

  • Autor Autor ramonjosegn
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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:

Inserir CODE, HTML ou 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 !
 
Gracias lo usaré en mis blogs!
 
Se agradece por el aporte. 😛anda:
 
Me viene muy bien, muchas gracias!
 
Gracias, buen tuto!
 
Voltar
Topo