Menu 'link_after' - tekst po tekście linku (Wordpress)

Question

Hejka,

Stworzyłem menu w Wordpressie.

Chcę, żeby poniższy kod był po tekście linku (TYLKO między <a> Group a </a>)

<span class="icon"><img src="/images/icon_chevron.svg"></span>

Użyłem parametru 'link_after'. Problem w tym, że powyższy kod jest załadowany w każdym po tekście linku.

Obecnie używam:

<?php wp_nav_menu( 
    array('menu' => 'Menu', 
          'menu_id' => 'second_navigation', 
          'container' => false, 
          'menu_class' => 'nav', 
          'link_after' => '<span class="icon"><img src="/images/icon_chevron.svg"></span>'
) ); ?>

Otrzymuję:

<nav class="nav-primary">                    
    <ul id="second_navigation" class="nav">
        <li id="menu-item-2912" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-2917">
        <a>Group
        <span class="icon"><img src="/images/icon_chevron.svg"></span>
        </a>
            <ul class="sub-menu">
                <li id="menu-item-2672" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1156 current_page_item menu-item-2672">
                <a href="/one/" aria-current="page">One     
                <span class="icon"><img src="/images/icon_chevron.svg"></span>
                </a></li>
                <li id="menu-item-2673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2673">
                <a href="/two/">Two     
                <span class="icon"><img src="/images/icon_chevron.svg"></span>
                </a></li>
                <li id="menu-item-2674" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2674">
                <a href="/three/">Three     
                <span class="icon"><img src="/images/icon_chevron.svg"></span>
                </a></li>
            </ul>
        </li>
    </ul>   
</nav>

Chcę osiągnąć:

<nav class="nav-primary">                    
    <ul id="second_navigation" class="nav">
        <li id="menu-item-2912" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-2917">
        <a>Group
        <span class="icon"><img src="/images/icon_chevron.svg"></span>
        </a>
            <ul class="sub-menu">
                <li id="menu-item-2672" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1156 current_page_item menu-item-2672">
                <a href="/one/" aria-current="page">One</a>
                </li>
                <li id="menu-item-2673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2673">
                <a href="/two/">Two</a>
                </li>
                <li id="menu-item-2674" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2674">
                <a href="/three/">Three</a>
                </li>
            </ul>
        </li>
    </ul>   
</nav>

Jak to osiągnąć? Proszę o pomoc.

Answer 1

Będę wdzięczy za pomoc!

Comments

Spróbuj z 'depth'

<?php wp_nav_menu( 
    array('menu' => 'Menu', 
          'menu_id' => 'second_navigation', 
          'container' => false, 
          'menu_class' => 'nav',
          'depth' => 1; 
          'link_after' => '<span class="icon"><img src="/images/icon_chevron.svg"></span>'
) ); ?>

 

---

Niestety nie zadziałało.

Po wpisaniu depth, wszystko znika.