跨列的高级多层导航

时间:2012-01-20 作者:Simon Melhuish

我已经为此挣扎了一段时间,需要一些帮助。我正在尝试为客户端创建一个非常特定的导航设置。

我有一个顶层导航,它是硬编码的,没有问题。第二级导航应填充站点的左侧栏,还应显示第三级嵌套/折叠导航。第四级导航将分别显示在左侧边栏旁边的一列中。

下面的插图有助于解释:

enter image description here

我遇到的问题是,我遇到的任何解决方案都无法解决所有这些问题。

在理想的情况下,我希望有一个动态模板,而不是有很多,但任何帮助都会很好。

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

进行了相当多的修补,但我提出了一些基于绝对定位的可行方法,我没有应用任何悬停动作,这些应该相对容易做到(不要忘记z-index)。以下是我将使用的CSS:

#m {
    list-style: none;
}
#m > li {
    padding: 15px;
    float: left;
}
#m .sub-menu {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 300px;
}
#m .sub-menu .sub-menu {
    position: static;
}
#m .sub-menu .sub-menu .sub-menu {
    position: absolute;
    width: 200px;
    top: 0;
    left: 300px;
}
#m .current-menu-ancestor > .sub-menu {
    display: block;
}
#m .current-menu-parent > .sub-menu {
    display: block;
}
#m 是您的菜单夹,您可以将其设置为任意值,其余的是wordpress的默认值,因此您不能在不去自定义walker或其他什么的情况下对其进行太多更改。。。但你为什么要这么做?无论如何,如果您需要悬停操作或其他方面的帮助,请告诉我。

结束

相关推荐

query_posts and sub pages?

我有这样的页面布局Parent Page - Sub page 1 -- sub sub 1 -- sub sub 2 -- sub sub 4 - Sub page 2 -- sub sub 1 -- sub sub 2 -- sub sub 4 我想查询每个子页面,无论我的页面有多深。这是我的查询,但它只返回直接子项(子页1和2)query_posts(\'post_type=page&order=ASC&ord