menu

Buscador de WordPress en el menú usando código

Hoy me he encontrado con que un amiguete quería meter en su página web un elemento en el menú . Quería meter el buscador de WordPress.

La verdad es que es algo sencillo pero él no sabe nada de programación, como suele ser habitual, él instaló WordPress y un Template y poco a poco se esta pegando con las 4 cosillas que saber tocar.

¿Cómo añadir el elemento del menú sin usar un plugin?

Abrimos nuestro archivo functions.php que estará en el raiz del tema y añadimos las siguientes líneas

add_filter('wp_nav_menu_items','buscador_buscador_menu', 10, 2);
 
function buscador_buscador_menu($items, $args) {
 
$searchform = get_search_form( false );
 
$items .= '<li>' . $searchform . '</li>'';
 
return $items;
 
}

Podéis añadir cualquier enlace o elemento, como por ejemplo el código que os muestro a continuación. Se usó en la web de 1785.es, aunque no llego a estar publicada como woocommerce de WordPress

add_filter('wp_nav_menu_items', 'add_search_to_nav', 10, 2);

function add_search_to_nav($items, $args)
{
global $woocommerce;
$count = $woocommerce->cart->cart_contents_count;


if(is_user_logged_in()){
$items .= '<li><div class="icono"><a href="/mi-cuenta" title="Acceso a cuenta"><i class="fa fa-2 fa-user-o" aria-hidden="true"></i></a></div></li>';
}else{
$items .= '<li><div class="icono"><a href="/mi-cuenta" title="Acceso a tienda"><i class="fa fa-2 fa-user-o" aria-hidden="true"></i></a></div></li>';
}

if($count){
$items .= '<li><div class="icono"><a href="'.wc_get_cart_url().'" title="Carrito"><i class="fa fa-2 fa-shopping-cart" aria-hidden="true"></i></a></div></li>';
}

return $items;
}

Básicamente, mostraba el icono del usuario si estaba logado o sin logar y lo llevaba a dos sitios diferentes. Por otro lado si tenía elementos en el carrito aparecía en el menú, como podéis ver en las líneas finales. Os dejo un enlace a las referencias de WordPress para que veáis otros ejemplos. Referencia

Un saludo a todos y ya sabéis cualquier duda podéis consultarme desde la página de contactar

Buscador de WordPress en el menú usando código Modificado: agosto 19th, 2018 por Carlos González Gurrea
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando...
Logotipo Carlos González Gurrea
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.