Ya desde hace un tiempo tengo adaptado el buscador del blog para usar Google, el problema vino cuando no me gustara que cargara otra pagina, así que me dedique a leer mucho para poder adaptar los resultados dentro del theme del blog.

Para esto sera hacer nuestro “Custom Search” lo podemos hacer desde aquí o desde Adsense para Búsqueda.

Bueno teniendo listo esto… tenemos que entrar a nuestro “Control Panel” en Custom Search, haciendo esto arriba nos mostrara varias fichas

A nosotros nos interesa la llamada Code, aqui hay 2 opciones y seleccionaremos: Host results on your website.

Ahora… este paso es importante, primero copiaremos el 2º codigo y lo colocaremos en un archivo llamado: “busqueda.php” ó “buscar.php“, el nombre no importa mucho, pero a ese código le vamos a agregar unos pequeños fragmentos de nuestro theme.

Los fragmentos en cuestion serian estos:

<?php require(’./wp-blog-header.php’); ?>
<?php get_header(); ?>
<div class=”content”>

</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Y el codigo final seria asi:

<?php require(’./wp-blog-header.php’); ?>
<?php get_header(); ?>
<div class=”content”>

<!– Google Search Result Snippet Begins –>
<div id=”cse-search-results”></div>
<script type=”text/javascript”>
var googleSearchIframeName = “cse-search-results”;
var googleSearchFormName = “cse-search-box”;
var googleSearchFrameWidth = 550;
var googleSearchDomain = “www.google.com.mx”;
var googleSearchPath = “/cse”;
</script>
<script type=”text/javascript” src=”http://www.google.com/afsonline/show_afs_search.js”></script>

<!– Google Search Result Snippet Ends –>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ya listo el archivo, lo subiremos a nuestro directorio raiz, osea donde tenemos el wp-config.php

En el 1º codigo, arriba nos pregunta: Specify the url in your site where you want the search results to appear: Hay colocaremos la siguiente direccion: “http://www.tusitio.com/busqueda.php” cabe resaltar que “busqueda.php” es el nombre del archivo con el 2º codigo.

Y ahora solo cabe copiar el primer codigo dentro del archivo: searchform.php de tu theme y listo.

Si tienes dudas con este tutoral, puede comunicar tus preguntas a: rodrigo[@]babyrodri.net

Puedes seguir esta noticia a traves del RSS 2.0 feed. Tanto pings como comentarios, estan cerrados.