这个导航可以在WordPress中轻松完成吗?

时间:2012-03-20 作者:Riaz

任何人都可以让我知道,如果双导航风格是容易实现或不可能。我联系的一位WordPress开发人员告诉我,事实并非如此。

基本上,我们希望通过网页顶部的链接进行导航,但也在页面左侧引入子导航。

因此,如果您在主页部分,您将在左侧有3个选项卡,将主页分解为3个子部分。如果单击另一个顶部链接并转到XYZ部分,则左侧的选项卡会有所不同,以提供XYZ的子部分。

我知道这显然可以从HTML的角度来完成,但这家伙说这是不可能的,同时,保持WordPress中的内容可编辑为页面等。

我想通过WordPress CMS编辑所有主页及其子内容。

可能的谢谢

ps:我本可以添加附件,但不允许,因为我是新用户。

3 个回复
SO网友:fuxia

这是可能的。两个选项:

如果子页面只是当前显示页面的子页面,则调用:

 wp_list_pages( array ( \'child_of\' => $GLOBALS[\'post\']->ID ) );
请参见Codex documentation. 非常简单。

如果需要自定义结构,例如查看特殊帖子类型时的自定义分类列表,则需要创建custom nav menu 和acustom walker.

walker必须收集当前页面的相关项目,将其保存在某个位置,然后另一个函数必须在需要的地方打印出来
对于不熟悉此内容的人来说,可能需要一段时间才能正确理解。我们的标签 收集有关此主题的一些有用信息。

SO网友:Chip Bennett

@Toscho建议的另一种方法是使用纯CSS来控制子导航菜单的显示。我的Oenology Theme.

基本上,您有两个输出wp_list_pages(): 主/标题导航和侧/子导航。

主/标题导航可以是单深度,也可以使用任何常用方法输出下拉菜单.current-menu-item, .current-menu-parent, 和.current-menu-ancestor (类似于.current_page_item, .current_page_parent, 和.current_page_ancestor).使用CSS方法的好处是,您不必担心识别顶级父级。如果您使用$post->post_parent, 如果希望侧/子导航始终对应于给定的顶级页面,那么就必须考虑层次结构的深度。

SO网友:Tom J Nowell

这是完全可能的,你看的是自定义菜单沃克类Bootstrap_Second_Level_Walker_Nav_Menu 此处:

https://github.com/Tarendai/BootPress/blob/master/functions.php#L218

在左侧菜单栏上使用此选项,然后对顶级链接应用最大深度1,这将为您提供始终相同的顶级菜单,以及根据您所在站点的哪个部分而变化的侧菜单。

下面是一个如何使用自定义walker类的示例:

$args = array(
    \'theme_location\'=>  \'header-menu\',
    \'walker\'        =>  new Bootstrap_Second_Level_Walker_Nav_Menu()
);
wp_nav_menu( $args );
在函数中放置walker类。php并使用类似于上面的代码来显示菜单,然后相应地设置样式。

结束

相关推荐

Thesis -style Navigation

我正在研究一个主题,我希望用户能够像论文一样选择要在主题选项页面中显示的页面。我已经在谷歌上搜索了几个小时的逆向工程论文,但还没有找到一个很好的解决方案。我想知道是否有人做过这件事或看过教程。