因此,我在网上搜索并试图编写一个自定义的walker类来实现这一点,但我对WordPress还是新手,虽然存在类似的问题,但没有一个完全符合我的要求,或者建议使用CSS、jQuery或插件作为解决方案(这并不理想)。
我目前有以下代码:
class description_walker extends Walker_Nav_Menu
{
function start_el(&$output, $item, $depth, $args)
{
global $wp_query;
$indent = ( $depth ) ? str_repeat( "\\t", $depth ) : \'\';
$class_names = $value = \'\';
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) );
$class_names = \' class="\'. esc_attr( $class_names ) . \'"\';
$output .= $indent . \'<li id="menu-item-\'. $item->ID . \'"\' . $value . $class_names .\'>\';
$attributes = ! empty( $item->attr_title ) ? \' title="\' . esc_attr( $item->attr_title ) .\'"\' : \'\';
$attributes .= ! empty( $item->target ) ? \' target="\' . esc_attr( $item->target ) .\'"\' : \'\';
$attributes .= ! empty( $item->xfn ) ? \' rel="\' . esc_attr( $item->xfn ) .\'"\' : \'\';
$attributes .= ! empty( $item->url ) ? \' href="\' . esc_attr( $item->url ) .\'"\' : \'\';
$prepend = \'<em>\';
$append = \'</em>\';
$description = ! empty( $item->description ) ? \'<span>\'.esc_attr( $item->description ).\'</span>\' : \'\';
if($depth != 0)
{
$description = $append = $prepend = "";
}
$item_output = $args->before;
$item_output .= \'<a\'. $attributes .\'>\';
$item_output .= $args->link_before .$prepend.apply_filters( \'the_title\', $item->title, $item->ID ).$append;
$item_output .= $description.$args->link_after;
$item_output .= \'</a>\';
$item_output .= $args->after;
$output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
}
}
What I\'m trying to do is have it so that only the children (sub-menus) of the active navigation are shown, including all of the first level parent items. 例如,如果您访问http://windows.microsoft.com/en-us/windows/home “下载和购物”链接没有子菜单选项,但一旦导航到该页面,就会出现一个子菜单。
任何帮助都将不胜感激!
非常感谢
SO网友:Unix
这可以通过CSS轻松完成。遵循以下步骤:
1-将此代码添加到标记正文中:
<?php body_class(); ?>
像这样:
<body <?php body_class(); ?>>
*此步骤将向当前页面添加一个类。(当我们想在页面中留下标记的按钮时,通常会使用此选项)。
Wordpress为菜单生成dinamic代码,它有自己的类。使用此代码,我们可以访问当前页面的类:
.menu li.current_page_item
.menu li.current-menu-item
3-因此,我们可以使用以下内容:
.menu li ul{opacity:0;visibility:hidden}
.menu li.current_page_item > ul, .menu li.current-menu-item > ul {display:block;opacity:1;visibility:visible}
已测试:)