我一直试图让父菜单项的描述显示在下拉菜单的右侧。
像这样:
但我根本无法将描述显示在那里。我已经对此进行了几次调整,包括:This one似乎与我见过的其他5个代码具有相同的代码。
我尝试使用$item->description
,但我不确定在Walker类中填充的位置。我尝试重新格式化输出,但无济于事。
这就是我所拥有的:
class My_Walker_Nav_Menu extends Walker_Nav_Menu {
function start_lvl(&$output, $depth, $item) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<section class=\"sub-menu col-12\"><div class=\"nav-info col-8 right\"><p>". $item->description ."</p></div>";
$output .= "\n$indent<ul class=\"sub-menu-list col-4\">\n";
}
}
一切正常,但没有说明$item->description
的描述。我知道wordpress中有一个描述集,但它没有显示出来。
我认为,我需要知道的是从中提取描述的地方。步行者工作,但唯一没有出现的是描述。
提前致谢。
答案 0 :(得分:2)
结合使用猜测和研究,我找到了答案!
使用我之前看过的教程,我意识到我需要在类中使用单独的方法来添加描述并给子菜单ul
一个自定义类。
这是在子菜单之前添加描述所需的部分。
class My_Walker_Nav_Menu extends Walker_Nav_Menu {
function start_el(&$output, $item, $depth, $args) {
global $wp_query;
$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
$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 ) .'"' : '';
$item_output .= $args->before;
$item_output .= '<a'. $attributes .'>';
$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
$item_output .= '</a>';
$item_output .= "\n$indent<section class=\"sub-menu col-12\"><div class=\"nav-info col-8 right\"><p>" . $item->description . "</p></div>\n";
$item_output .= $args->after;
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
之后,我使用此方法将子菜单设为我的自定义类。
function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"sub-menu-list col-4\">";
}
现在的问题是格式化已关闭。一个额外的div
不断出现,我意识到我从未关闭section
元素,在start_lvl
方法中使用该元素通常会被关闭。由于它是在start_el
方法中,它没有关闭。因此,我在最后添加了此内容,以确保ul
和section
都能正常关闭。
function end_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent</ul></section>";
}
}
现在描述显示为所需。感谢@Iliya Reyzis的意见。虽然它没有直接帮助我,但我很感激你试图帮助我。
答案 1 :(得分:0)
当您添加新助行器时,需要将其绑定到您的菜单 - walker
参数中的wp_nav_menu(),如示例所示 -
wp_nav_menu( array(
'container' =>false,
'menu_class' => 'nav',
'echo' => true,
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'depth' => 0,
'walker' => new description_walker())
);
或者您可以按
过滤所有菜单walker
参数
add_filter( 'wp_nav_menu_args' , 'my_description_walker' );
function my_description_walker( $args ) {
$args['walker'] = new description_walker;
return $args;
}
description_walker
是助行器的名称
你可以尝试这个步行者并弄清楚
class description_walker extends Walker_Nav_Menu
{
function start_el(&$output, $item, $depth, $args) {
parent::start_el($output, $item, $depth, $args);
$output .= sprintf('<i>%s</i>', esc_html($item->description));
}
}