【问题标题】:wp_nav_menu() doesn't assign proper class to elements and it forces wrapping the ul elementwp_nav_menu() 没有为元素分配正确的类,它强制包装 ul 元素
【发布时间】:2014-04-30 14:02:10
【问题描述】:

wp_nav_menu 函数有问题。我希望菜单没有 div 包装器; 菜单的ul 元素有sf-menu right 类,li 元素没有任何类。我尝试了很多组合,但没有给我正确的结果。

我当前的wp_nav_menu函数:

    <div class="col-md-11">
        <?php wp_nav_menu(array(
            'theme_location' => 'primary-menu',
            'container'       => false,
            'menu_class'      => 'sf-menu right',

        )); ?>
    </div>

我怎样才能达到我的目标结果?

编辑

我尝试后的结果:

<div class="col-md-11">
    <?php wp_nav_menu(array(
            'theme_location' => 'primary-menu',
            'container'       => '',
            'items_wrap' => '<ul class="sf-menu right"><li></li>%3$s</ul>' )
    ); ?>
</div>

结果:

<div class="col-md-11">
    <div class="menu">
        <ul>
            <li class="page_item page-item-20"><a href="http://localhost/oranet/website-optimization/">بهینه سازی وبسایت</a>
            </li>
            <li class="page_item page-item-26"><a href="http://localhost/oranet/contact-oranet/">تماس با ما</a>
            </li>
            <li class="page_item page-item-18 page_item_has_children"><a href="http://localhost/oranet/web-design/">طراحی سایت</a>
                <ul class="children">
                    <li class="page_item page-item-28"><a href="http://localhost/oranet/web-design/portfolio/">نمونه کارها</a>
                    </li>
                </ul>
            </li>
            <li class="page_item page-item-22"><a href="http://localhost/oranet/e-commerce/">فروشگاه اینترنتی</a>
            </li>
            <li class="page_item page-item-24"><a href="http://localhost/oranet/articles/">مقالات</a>
            </li>
        </ul>
    </div>
</div>

【问题讨论】:

    标签: wordpress menu wordpress-theming menuitem


    【解决方案1】:

    你可以试试下面这段代码

    <div class="col-md-11">
        <?php wp_nav_menu(array(
            'theme_location' => 'primary-menu',
            'container'       => '',
            'items_wrap' => '<ul class="sf-menu right"><li></li>%3$s</ul>' )
        )); ?>
    </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-11
      • 2012-11-28
      • 2015-12-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多