En este artículo puedes ver paso a paso como crear una web de libros y me habéis preguntado como poder añadir un buscador en la cabecera.
Además del vídeo necesitarás el siguiente código:
Añadir en el fichero functions.php
add_filter( 'genesis_nav_items', 'buscadormenu', 10, 2 );
add_filter( 'wp_nav_menu_items', 'buscadormenu', 10, 2 );
function buscadormenu($menu, $args) {
$args = (array)$args;
if ( 'primary' !== $args['theme_location'] )
return $menu;
ob_start();
dynamic_sidebar('buscador menu');
$social = ob_get_clean();
return $menu . $social;
}
Y en el fichero style.css
/* buscador */
.menu-primary .search-form {
width: 100%;
}
.menu-primary .widget_search{
float: right;
}
También necesitaremos el plugin gratuito Genesis Simple Sidebars
Espero que os guste ;)
Saludos
Óscar
Hola Oscar,
Siguiendo tus indicaciones he añadido el buscador, pero me gustaría modificar su aspecto ya que la frase Search this no se ve entera y de paso si pudiera cambiarla a castellano mejor :)
¿Cómo podría cambiar el tamaño de la caja de búsqueda?
Gracias por tu ayuda.
Hola Bedelber,
Para ponerlo en castellano se hace simplemente instalando el plugin Genesis Translations (es gratis). Se traduce solo.
El ancho se te debería ver entero ya que hemos añadido el width 100% pero puedes cambiar esto:
.menu-primary .search-form {
width: 100%;
}
por el width que quieras en píxeles por ejemplo: width: 300px;
Pero como te digo si has borrado caché y añadido todo se te debería ver entero.
Un saludo ;)
Óscar
Arreglado ;)
Vamos a seguir montando la página.
Muchas gracias por tu tiempo.
Salu2
Jorge
Genial, me alegro mucho ;)
Un saludo
Óscar