Truco WP: Insertar el buscador de navegación en la barra del Theme Canvas

¡Compártelo!

Como este truco me costó encontrarlo para el Theme Canvas de Woothemes, y estaba cogiendo polvo por el ordenador, pues lo dejo aquí por si a alguien más le sirve.  Es muy útil ya que añade el cajón de búsqueda en la barra de navegación del theme. Tengo que advertir que se necesitan conocimientos de CSS y de donde está el archivo plugins.php, por lo que no es sencillo para un no iniciado.

Solo tenemos que añadir el código al archivo functions.php del theme y lo tendremos listo.

 

add_action( 'woo_header_inside', 'woo_custom_add_searchform', 10 );
function woo_custom_add_searchform () {
     echo '<div id="header-search" class="header-search fr">' . "
";
    get_template_part( 'search', 'form' );
     echo '</div><!--/#header-search .header-search fr-->' . "
";
} // End woo_custom_add_searchform()

Y por último nos falta poner este código en el CSS de nuestra plantilla.

form#searchform {
background: none;
border-width: 0;
}
form#searchform input#s {
border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC;
border-style: solid;
border-width: 1px;
color: #777777;
width: 60%;
}
form#searchform .screen-reader-text {
display: none;
}

 

Disfruta del truco, y si te ha gustado ¡compártelo!

Opt In Image
¿Quieres conseguir más suscriptores?
  • Descubre los secretos para que tu lista crezca rápidamente.
  • Recibe el PDF 7 estrategias para duplicar tu lista de correo.
  • Tendrás más suscriptores con las mismas visitas.

100% libre de SPAM.

Acerca de Luis Miguel Delgado

Emprendedor en cambio permanente. Buscando nuevos proyectos y actividades que desarrollar. "Vive cada día como si fuera el último". Si quieres saber más sobre mí puedes leer mi página acerca de.

Opina

*