Desde hace bastante tiempo tengo implementada en el blog una página de resultados de búsqueda de Google, aunque hasta hoy utilizaba Adsense Deluxe para mostrarla fácilmente, he decidido desactivar el plugin y hacer que la dicha página de resultados sea independiente. Buscando por ahí, los tutoriales que he encontrado me parecen bastante liososos y no muy bien explicados, por lo que lo voy a explicar a mi manera, espero que os resulte útil.
1. Crear una página en Wordpress.
En primer lugar, tenemos que crear la página que contendrá los resultados de búsqueda. Para ello vamos a "Write/Escribir" > "Page/Página". Le ponemos de título "Resultados de búsqueda". De esta forma, la dirección de la página sería: http://www.tusitio.com/resultados-de-busqueda/. Guardamos la página.
2. Crear el formulario de búsqueda y obtener el código de Google.
En primer lugar, como resulta obvio, necesitas crear una cuenta de Adsense. Una vez creada, entramos en Configuración de Adsense > AdSense para búsqueda. Una vez ahí, seleccionamos la opción "WebSearch de Google + SiteSearch" e introducimos la dirección de nuestra página. Le ponemos al cuadro de búsqueda el diseño que queramos (Sobre gustos no hay nada escrito), pero marcamos dentro del cuadro de ejemplo la opción que marca nuestro blog (Será la que se mostrará como predeterminada). Casi al final del todo, marcamos la opción "Abrir los resultados en mi propio sitio" e introducimos la dirección de la página de resultados de búsqueda que anteriormente creamos (http://www.tusitio.com/resultados-de-busqueda/). También debemos introducir el ancho del cuadro de resultados, que generalmente será el mismo que el ancho de una entrada (Se puede mirar en la hoja de estilos). Le damos clic a siguiente.
En la siguiente página le podemos dar el estilo que queramos a nuestros resultados de búsqueda, que deberían coincidir con el contenido de nuestro blog. En País o territorio para el dominio de Google, seleccionamos el país en que queremos que se busquen los principales resultados de búsqueda. Si queremos asignarle algún criterio se lo asignamos. Hacemos clic en siguiente.
En la siguiente página ya nos aparecerán dos bloques de código: el primero para el formulario de búsqueda, y el segundo para los resultados. No cerramos esta página.
3. Editar la plantilla de la página de búsqueda.
Ahora tenemos que editar la plantilla serach.php que se encuentra dentro del directorio de nuestro theme. Le tenemos que añadir al principio:
/*
Template Name: Google Search
*/
?>
<?php get_header(); ?>
para que Wordpress la interprete como plantilla.
A continuación tenemos que borrar el código perteneciente a la hoja de resultados original, y en su lugar, introducir el código del cuadro de búsqueda de Google. En K2 quedaría algo parecido a ésto:
/*
Template Name: Google Search
*/
?>
<?php get_header(); ?>
<div class="content">
<div id="primary">
<div id="current-content">
<!-- Google Search Result Snippet Begins -->
<div id="googleSearchUnitIframe"></div>
<script type="text/javascript">
var googleSearchIframeName = 'googleSearchUnitIframe';
var googleSearchFrameWidth = 647;
var googleSearchFrameborder = 0 ;
var googleSearchDomain = 'www.google.es';
</script>
<script type="text/javascript"
src="http://www.google.com/afsonline/show_afs_search.js">
</script>
<!-- Google Search Result Snippet Ends -->
</div> <!-- #current-content -->
<div id="dynamic-content"></div>
</div> <!-- #primary -->
<?php get_sidebar(); ?>
</div> <!-- .content -->
<?php get_footer(); ?>
4. Cambiar la plantilla de la página de resultados búsquedas.
Por último, tenemos que subir el nuevo search.php a la carpeta de nuestro theme, sustituyendo la original. En último lugar, editamos la página que creamos inicialmente y seleccionamos a la derecha en "Page Template/Plantilla de la página" el título de la plantilla que hemos creado, en este caso Google Template. Salvamos y ya está.
¡No os olvidéis de poner el código del formulario de búsqueda donde queráis!

Feed












