1

我有一个 HTML 菜单，我想用 wp_nav_menu 在 Wordpress 中显示它。

的HTML

<nav id="navigation" class="ddsmoothmenu">
<ul id="main-menu">
    <li><a href="index.html" class="current"><span>Home</span></a>
        <ul>
            <li><a href="index-2.html">Home Alternate 2</a></li>
            <li><a href="index-3.html">Home Alternate 3</a></li>
            <li><a href="index-4.html">Home Alternate 4</a></li>
            <li><a href="index-5.html">Home Alternate 5</a></li>
            <li><a href="index-6.html">Home Alternate 6</a></li>
        </ul>
    </li>
 </ul>

我在我的 Wordpress header.php 文件中添加以下内容以显示导航菜单

$defaults = array(
               'theme_location'  => 'primary',
               'menu'            => 'Primary Menu',
               'container'       => '',
               'container_class' => '',
               'container_id'    => '',
               'menu_class'      => 'menu',
               'menu_id'         => '',
               'echo'            => true,
               'fallback_cb'     => 'wp_page_menu',
               'before'          => '',
               'after'           => '',
               'link_before'     => '<span>',
               'link_after'      => '</span>',
               'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
               'depth'           => 0,
               'walker'          => ''
             );
wp_nav_menu($defaults);

然而，输出也在菜单项的第二级添加标签

<nav id="navigation" class="ddsmoothmenu">
<ul id="main-menu">
    <li><a href="index.html" class="current"><span>Home</span></a>
        <ul>
            <li><a href="index-2.html"><span>Home Alternate 2</span></a></li>
            <li><a href="index-3.html"><span>Home Alternate 3</span></a></li>
            <li><a href="index-4.html"><span>Home Alternate 4</span></a></li>
            <li><a href="index-5.html"><span>Home Alternate 5</span></a></li>
            <li><a href="index-6.html"><span>Home Alternate 6</span></a></li>
        </ul>
    </li>
 </ul>

有没有办法只为顶级菜单项添加跨度或从二级菜单项中删除跨度？

4

3 回答 3

3 
add_filter( 'wp_nav_menu_objects', function( $items ) {
      foreach ( $items as $item ) {
        if (!$item->menu_item_parent) {
           $item->title = '<span>' . $item->title . '</span>';
        }
    }
    return $items;
});
于 2013-02-24T19:23:43.650 回答
0

好的，虽然 walker 似乎是完成这项工作的一种好方法，但它似乎非常复杂，有很多行代码。我刚刚发现删除子菜单项跨度的最简单方法是使用 jQuery。Wordpress 自动将子菜单类添加到子 ul 中，因此对我有用的是

$('ul.sub-menu li a span').contents().unwrap();

希望这可以帮助。

于 2013-02-24T18:18:57.970 回答
0

使用 CSS 你可以隐藏子菜单wp_nav_menu

.sub-menu { display:none; }
于 2015-05-07T20:57:58.760 回答