最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

menus - Link after <? wp_nav_menu() ?> Wordpress

programmeradmin3浏览0评论

Currently I am using:

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

I get:

 <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="block sm__hidden"><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="block sm__hidden"><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="block sm__hidden"><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="block sm__hidden"><img src="/images/icon_chevron.svg">
                </span></a>
                </li>
            </ul>
        </li>
    </ul>   
</nav>

I want to achieve:

<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="block sm__hidden"><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>

I want the code <span class="block sm__hidden"><img src="/images/icon_chevron.svg"></span> to be only between <a>Group and </a>.

Please help me out to find out the solution.

发布评论

评论列表(0)

  1. 暂无评论