1

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

像这样：

在此处输入图像描述

但我根本无法让描述出现在那里。我已经对此进行了多次关注，包括：这个似乎与我见过的其他 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 中设置了描述，但它没有显示出来。

我想，我需要知道的是我从哪里提取描述。步行者工作，但唯一认为没有出现的是描述。

提前致谢。

4

2 回答 2

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 的意见。虽然它没有直接帮助我，但我很感激你试图帮助我。

于 2013-11-12T15:11:39.090 回答
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));
        }
}
于 2013-11-11T22:58:25.090 回答