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'');