Wordpress - 在下拉菜单中添加说明

时间:2013-11-11 22:03:34

标签: php html wordpress wordpress-plugin

我一直试图让父菜单项的描述显示在下拉菜单的右侧。

像这样:

enter image description here

但我根本无法将描述显示在那里。我已经对此进行了几次调整,包括: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中有一个描述集,但它没有显示出来。

我认为,我需要知道的是从中提取描述的地方。步行者工作,但唯一没有出现的是描述。

提前致谢。

2 个答案:

答案 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方法中,它没有关闭。因此,我在最后添加了此内容,以确保ulsection都能正常关闭。

        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));
        }
}