Añadir Widgets en el Menú Principal de Genesis Framework

En este tutorial veremos como, en solo 4 pasos, puedes añadir un Widget en el menú principal de tu web realizada con Genesis Framework (un buscador en este caso).

IMPORTANTE: ANTES DE HACER NADA, COPIA DE SEGURIDAD!

1. Necesitaremos el plugin gratuito Genesis Simple Sidebars

2. Crearemos un Widgets el cual llamaremos Buscador menu (en ID añade » buscadormenu » junto para seguir al pie de la letra nuestro ejemplo)

3. En el apartado widgets, nos aparecerá uno nuevo con el nombre que hemos dado! Añade el widget de buscar (en nuestro caso uno de buscador de productos)

4. Ahora solo tenemos que añadir en nuestro archivo functions.php este código:

Añadir en el fichero functions.php

// Buscador en menú principal

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 listo! en nuestro caso hemos decidimos dejarlo como aparece en la imagen pero, si quieres mejorar su aspecto o modificar su posición, tendrás que añadir un poco de CSS personalizado en el fichero style.css del Child Theme que uses.

 

¿Necesitas mejoras o que nos encarguemos del Mantenimiento WordPress de tu web? Contacta ahora!