1

我正在使用 Wordpresswp_nav_menu来显示我的主导航。然而，尝试在 wordpress 中重新创建以下 HTML 似乎相当复杂。

前端菜单

这是 HTML 版本（wordpress 样式表中的类已调整为针对 wordpress 使用的类）：

<ul class="nav">
<li class="home"><a href="#">Home</a></li>
<li><a href="#">Store</a>
    <div class="subnav">
        <div class="holder">
            <ul class="child">
                <li><a href="#">Category 1</a>
                    <ul class="grandchild">
                        <li><a href="#">Sub-category 1</a></li>
                    </ul>
                </li>
                <li><a href="#">Category 2</a>
                    <ul class="grandchild">
                        <li><a href="#">Sub-category 1</a></li>
                        <li><a href="#">Sub-category 2</a></li>
                    </ul> <!-- Grandchild -->
                </li>
            </ul> <!-- Child nav -->
        </div> <!-- Holder -->
    </div> <!-- Subnav -->
</li></ul><!-- nav -->

wordpress 中的问题是我使用步行器在我的第一个子菜单周围添加了 div，以保持所有内容。但是，这种方式会将 2 个 div（subnav 和 holder）添加到后面的每个子菜单中。

如何编辑下一个深度级别 - 不添加 2 个 div - 编辑子菜单的类名

function start_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<div class=\"subnav\" ><div class=\"holder\"><ul class=\"sub-menu\">\n";

function end_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("\t", $depth);
$output .= "$indent</ul></div></div>\n";
4

1 回答 1

1

为什么需要向子菜单添加类以使用 CSS 定位它们？你不能做这样的事情：

#nav > li a {
    /* Target first level */
}

#nav > li > ul > li a {
    /* Target second level */
}

#nav > li > ul > li > ul > li a {
    /* Target third level */
}​

这是一个说明这个概念的 jsfiddle：http: //jsfiddle.net/3XtkE/

于 2012-12-06T07:20:17.800 回答