example - wp_nav_menu wordpress

Wordpress. Agregar elemento de menú manualmente en wp_nav_menu

Question

En mi tema hay una función para menús de navegación

function ct_nav() {
<nav>
<?php wp_nav_menu( array( ''container_id'' => ''nav'', ''theme_location'' => ''primary'') ); ?>
</nav>
}

¿Cómo podría agregar más elementos manualmente? usando esta función solo.

Answer 1

Ninguna de las respuestas anteriores funcionó para mí. Esta es una solución tipo jquery que utilicé. Necesitaba agregar una imagen al final de mi menú.

Use wp_nav_menu () como de costumbre, asegúrese de especificar una clase en menu_class o puede especificar una ID.

$items = array(
''theme_location'' => ''header-menu'',
''menu'' => '''',
''container'' => ''div'',
''container_class'' => ''menu-{menu slug}-container'',
''container_id'' => '''',
''menu_class'' => ''menuContainer'', /* important, since we''re targetting it with jquery*/
''menu_id'' => '''',
''echo'' => true,
''fallback_cb'' => ''wp_page_menu'',
''before'' => '''',
''after'' => '''',
''link_before'' => '''',
''link_after'' => '''',
''depth'' => 0,
''walker'' => ''''
);
wp_nav_menu($items);
$( document ).ready(function() {
$(".menuContainer ul").append("<li><img src=''<?php echo get_template_directory_uri(); ?>/img/menuImage.png''></li>");
});

Answer 2

Solo para el caso, alguien necesita esto:

Los elementos del menú se pueden agregar manualmente aplicando filtros:

• wp_nav_menu_items - para todos los menús
• wp_nav_menu_{$menu->slug}_items - para menú con slug particular

También cambiando items_wrap , por ejemplo, quitando <ul> y agregándolo explícitamente en el tema - de esta manera podrá agregar sus propios elementos.

Answer 3

aquí hay un ejemplo al cambiar items_wrap.

wp_nav_menu( array( ''items_wrap'' => ''<ul id="%1$s" class="%2$s"><li><a href="http://www.google.com">go to google</a></li>%3$s</ul>'' ) );

acaba de tomar el valor predeterminado y agregó el href.

Answer 4

function add_last_nav_item($items) {
return $items .= ''<li><a href="#myModal" role="button" data-toggle="modal">Contact</a></li>'';
}
add_filter(''wp_nav_menu_items'',''add_last_nav_item'');