WP导航菜单:在LI项目下方显示子菜单

时间:2013-06-18 作者:user1374796

我想知道是否有可能显示子菜单在相关li 标记
例如,此php:

wp_nav_menu(array(
    \'menu\'  =>  \'side\',
    \'container\' => false,
    \'menu_class\'      => \'side-menu\'
));
?>
将按如下方式呈现菜单:

<ul id="menu-main" class="menu">
    <li id="menu-item-01" class="menu-item">Menu 01</li>
    <li id="menu-item-02" class="menu-item">Menu 02
        <ul class="submenu">
            <li class="submenu-item">Sub 01</li>
            <li class="submenu-item">Sub 02</li>
            <li class="submenu-item">Sub 03</li>
        </ul>
    </li>
    <li id="menu-item-03" class="menu-item">Menu 03</li>
    <li id="menu-item-04" class="menu-item">Menu 04</li>
</ul>
。。。当我真正想要实现的是这样的目标时:

<ul id="menu-main" class="menu">
    <li id="menu-item-01" class="menu-item">Menu 01</li>
    <li id="menu-item-02" class="menu-item">Menu 02</li>
        <ul class="submenu">
            <li class="submenu-item">Sub 01</li>
            <li class="submenu-item">Sub 02</li>
            <li class="submenu-item">Sub 03</li>
        </ul>
    <li id="menu-item-03" class="menu-item">Menu 03</li>
    <li id="menu-item-04" class="menu-item">Menu 04</li>
</ul>
由于相关子菜单位于其相应菜单项的下方,原因是子菜单最初是隐藏的,单击相关菜单项后向下滑动,并且每个菜单项都是样式化的,因此将子菜单包装在其中会抛出所有内容。这有可能吗?

1 个回复
最合适的回答,由SO网友:Jen 整理而成

通过创建新菜单,可以更改菜单的输出Walker. 然而,我不推荐这种解决方案,因为您试图做的事情实际上是无效的HTML-ul 标签应仅具有li 它里面的标签,从来没有其他的东西。

我知道可以用css和javascript创建您想要的解决方案,就像我以前多次做的那样。我无法针对您的具体情况寻求确切的解决方案,但可能会尝试将a 中的链接li 用于主菜单;然后,嵌套的子菜单可以具有所需的任何样式。

结束

相关推荐

front-page.php stylesheet

我一直在google上搜索,但我似乎找不到任何我可以理解的东西。。。我想为我的网站建立一个静态首页,为此,我创建了一个front-page.php 我的FTP服务器中活动主题文件夹中的文件。我注意到我在中所做的任何编辑style.css 未反映在front-page.php. 不管怎样,我想在我的首页上有一个单独的样式表,那么我该如何进行链接呢front-page.php 到自定义.css 比如说,文件,front-style.css, 所以我可以编辑.css 要设置样式的文件.php 文件还是这不是正确