X

Cómo personalizar el menú de navegación en WordPress con wp_nav_menu

Snippets by IsItWP

¿Quieres personalizar tu menú de navegación en WordPress añadiendo una clase personalizada a wp_nav_menu? Es fácil con nuestro fragmento de código. En este artículo, te mostraremos cómo añadir una clase personalizada a wp_nav_menu.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en 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 añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: 62 mejores temas gratuitos para blogs de WordPress o 7 mejores plugins para formularios de contacto de WordPress.

Comentarios   Deja una respuesta

  1. Wordpress Themes agosto 20, 2012 en 12:24 pm

    Cool snippet.
    Thanks for the tip.

  2. Anton Samper Rivaya julio 16, 2011 en 5:10 am

    hey kevin,  i’m looking into automatically adding children to parent pages on the wp menu. do you know if there is a quick snippet we can add to functions.php to make this happen?

    1. Hmmm I would have to think about that a bit, nothing that I can think of of the top of my head. Ill put that on my list of snippets to write for wpsnipp. If I find something ill be sure to send you a message. 

      1. Anton Samper Rivaya julio 16, 2011 en 11:53 pm

        thanks kevin, let m know if you come up with anything

        1. No problem will do.

        2. No problem will do.

  3. Hi. How to create a “mega menu”? This have a specific filter, but I dont know make it. Thanks.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!