¿Quieres personalizar tu menú de navegación en WordPress agregando una clase personalizada a wp_nav_menu? Es fácil con nuestro fragmento de código. En este artículo, te mostraremos cómo agregar una clase personalizada a wp_nav_menu.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:
function custom_nav_class($classes, $item){
$classes[] = “custom-class”;
return $classes;
}
add_filter(‘nav_menu_css_class’ , ‘custom_nav_class’ , 10 , 2);
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 62 mejores temas gratuitos de WordPress para blogs o 7 mejores plugins de formularios de contacto de WordPress.
Fragmento genial.
Gracias por el consejo.
Por ejemplo, http://www.kriesi.at/wp-content/uploads/2011/03/screenshot-2011-03-06-um-20.21.55.png. Mira las opciones en la página del menú.
hola kevin, estoy investigando cómo agregar automáticamente hijos a páginas principales en el menú de wp. ¿sabes si hay un fragmento rápido que podamos agregar a functions.php para que esto suceda?
Hmmm, tendría que pensarlo un poco, nada que se me ocurra de inmediato. Lo pondré en mi lista de fragmentos para escribir para wpsnipp. Si encuentro algo, te enviaré un mensaje.
gracias kevin, avísame si se te ocurre algo
De nada, lo haré.
De nada, lo haré.
Hola. ¿Cómo crear un "mega menú"? Esto tiene un filtro específico, pero no sé cómo hacerlo. Gracias.
¿Supongo que te refieres a este tipo de menú?
http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
Si es así, he visto algunos complementos
http://wordpress.org/extend/plugins/jquery-mega-menu/