WordPress-在下拉菜單中添加說明

Question

我一直在嘗試獲取父菜單項的描述，以使其顯示在下拉菜單的右側。

像這樣：

但是我根本無法得到描述。 我已經對此進行了一些討論，包括： 這個代碼似乎與我所看到的其他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中設置了描述，但沒有顯示出來。

我認為，我需要知道的是我從哪里得到描述。 助行器工作正常，但唯一沒有出現的就是描述。

提前致謝。

Answer 1

通過猜測和研究相結合，我找到了答案！

使用我看着前面的教程中，我意識到我需要使用類中的不同的方法，以補充說明，並給子菜單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的輸入。 盡管它並不能直接幫助我，但我感謝您嘗試幫助我。

Answer 2

當你添加新的沃克，你需要把它綁定到你的菜單- wp_nav_menu（）在walker像本例中所示的參數-

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