是否通过wp_NAV_MENU()的Custom Walker添加菜单项说明？

时间：2017-03-11 作者：user3350511

这是我找到的一个解决方案，它可以在链接后添加描述。

我的问题是：是否也可以在链接之前附加描述？

function add_description_to_menu($item_output, $item, $depth, $args) {
if (strlen($item->description) > 0 ) {
    // append description after link
    $item_output .= sprintf(\'<span class="description">%s</span>\', esc_html($item->description));

    // insert description as last item *in* link ($input_output ends with "</a>{$args->after}")
    //$item_output = substr($item_output, 0, -strlen("</a>{$args->after}")) . sprintf(\'<span class="description">%s</span >\', esc_html($item->description)) . "</a>{$args->after}";
}

return $item_output; }
add_filter(\'walker_nav_menu_start_el\', \'add_description_to_menu\', 10, 4);

1 个回复
SO网友:Anwer AR

我在我的一个项目中使用了自定义导航步行器来显示描述。我在这里共享代码，这样可能会帮助您解决问题。

class annframe_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 = \'<strong>\';
           $append = \'</strong>\';
           $description  = ! empty( $item->description ) ? \'<small>\'.esc_attr( $item->description ).\'</small>\' : \'\';

           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 );
            }
}
是否也可以在链接之前附加说明？

您可以使用并替换上述walker类中的代码。试试看它是否管用。。。。。

标签： menus   小码农  

相关推荐

Two menus show up

如果我将“echo”参数值设置为“true”：<?php if( has_nav_menu( \'primary-menu\' ) ) { wp_nav_menu( $menuParameters = array( \'theme_location\' => \'primary-menu\', \'container\'