任何人都可以让我知道,如果双导航风格是容易实现或不可能。我联系的一位WordPress开发人员告诉我,事实并非如此。
基本上,我们希望通过网页顶部的链接进行导航,但也在页面左侧引入子导航。
因此,如果您在主页部分,您将在左侧有3个选项卡,将主页分解为3个子部分。如果单击另一个顶部链接并转到XYZ部分,则左侧的选项卡会有所不同,以提供XYZ的子部分。
我知道这显然可以从HTML的角度来完成,但这家伙说这是不可能的,同时,保持WordPress中的内容可编辑为页面等。
我想通过WordPress CMS编辑所有主页及其子内容。
可能的谢谢
ps:我本可以添加附件,但不允许,因为我是新用户。
SO网友:Chip Bennett
@Toscho建议的另一种方法是使用纯CSS来控制子导航菜单的显示。我的Oenology Theme.
基本上,您有两个输出wp_list_pages()
: 主/标题导航和侧/子导航。
主/标题导航可以是单深度,也可以使用任何常用方法输出下拉菜单侧/子导航将使用CSS来确定显示哪些分层页面树,主要使用核心生成的CSS类.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并使用类似于上面的代码来显示菜单,然后相应地设置样式。