是否在父页面上显示子页面?

时间:2011-05-19 作者:jmysona

我想创建一个导航菜单,在那里我将显示两个级别的页面。

为了说明这一点:

父1、父2、父3(当前)、子1、子3、父4、因此我希望在导航容器中显示所有父页面,但仅在用户当前位于父页面时显示子页面。

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

这很容易,因为WordPress为父页面设置css类。默认情况下,我们使用隐藏菜单中的所有子列表(ul)

.menu ul {
    display: none;
}
然后,当选择父页面时,我们使用WordPress设置的css类再次显示子列表。

.menu .current_page_ancestor, .menu .current_page_parent {
    display: block;
}
所以,您只需要在模板中添加这些内容

模板:

<ul class="menu">
    <?php wp_list_pages(\'title_li=\') ?>
</ul>
这在你的css文件中。

CSS:

.menu ul {
    display: none;
}

.menu .current_page_ancestor > ul, .menu .current_page_parent > ul {
    display: block;
}

结束