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

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!