Wordpress Walker 菜单 - 基于菜单 url 的不同输出

问题描述

我在一个有菜单的 wordpress 网站上工作。在这个菜单中，我需要一个基于菜单项的 url/page id（或任何其他参数）的不同子菜单输出。如果可能的话，我不喜欢按菜单的顺序来做（例如，第二个和最后一个菜单项）。

我正在寻找的输出是：

<nav class="nav">
    <ul>
        <li>
            <a href="#">Campers<span class="js-trigger-dropdown"><i class="fas fa-sort-down"></i></span></a>
            <div class="dropdown">
                <ul>
                    <li>
                        <a href="#">
                            <div class="dropdown__image"><img src="assets/images/temp/[e-mail]" alt=""></div>                                          
                            <div class="dropdown__content">
                                <h6>Volkswagen T2b</h6>                                         
                                <p>Rood</p>
                            </div>
                        </a>
                    </li>                   
                </ul>
            </div>
        </li>
        <li><a href="#">Over evan</a></li>      
        <li><a href="#">Blog</a></li>       
        <li>
            <a href="#">
                Help<span class="js-trigger-dropdown"><i class="fas fa-sort-down"></i></span>
            </a>
            <div class="dropdown dropdown--secondary">
                <ul>
                    <li><i class="fas fa-arrow-right"></i><a href="#">Contact</a></li>
                    <li><i class="fas fa-arrow-right"></i><a href="#">Routebeschrijving</a></li>
                    <li><i class="fas fa-arrow-right"></i><a href="#">FAQ</a></li>
                </ul>
            </div>
        </li>
    </ul>
</nav>

您可以看到两个子菜单级别的输出略有不同。

我目前正在使用的 Walker 课程是：

class CSS_Menu_Maker_Walker extends Walker {

  var $db_fields = array( 'parent' => 'menu_item_parent','id' => 'db_id' );

  function start_lvl( &$output,$depth = 0,$args = array(),$top_level_elements = array() ) {

    $indent = str_repeat( "\t",$depth );
    if ($args->walker->has_children) {
        $output .= "\n$indent<div class=\"dropdown\"><ul>\n";
    } else {
        $output .= "\n$indent<ul>\n";
    }

  }

  function end_lvl( &$output,$args = array() ) {
    $indent = str_repeat("\t",$depth);

    if ($args->walker->has_children) {
        $output .= "$indent</div></ul>\n";      
    } else {
        $output .= "$indent</ul>\n";
    }
    
  }

  function start_el( &$output,$item,$id = 0 ) {

    global $wp_query;
    $indent = ( $depth ) ? str_repeat( "\t",$depth ) : '';
    $class_names = $value = '';        
    $classes = empty( $item->classes ) ? array() : (array) $item->classes;

    /* Add active class */
    if(in_array('current-menu-item',$classes)) {
      $classes[] = 'active';
      unset($classes['current-menu-item']);
    }

    /* Check for children */
    $children = get_posts(array('post_type' => 'nav_menu_item','nopaging' => true,'numberposts' => 1,'Meta_key' => '_menu_item_menu_item_parent','Meta_value' => $item->ID));
    if (!empty($children)) {
      $classes[] = 'has-sub';
    }

    $class_names = join( ' ',apply_filters( 'nav_menu_css_class',array_filter( $classes ),$args ) );
    //$class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
    $class_names = $class_names ? '' : '';

    $id = apply_filters( 'nav_menu_item_id','menu-item-'. $item->ID,$args );
    $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';

    $output .= $indent . '<li' . $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;
    if ($args->walker->has_children) {
        $item_output .= '<span class="js-trigger-dropdown"><i class="fas fa-sort-down"></i></span></a>';
    } else {
        $item_output .= '</a>';
    }

    $item_output .= $args->after;

    $output .= apply_filters( 'walker_nav_menu_start_el',$item_output,$depth,$args );
  }

  function end_el( &$output,$args = array() ) {
    $output .= "</li>\n";
  }
}

希望有人有好主意:)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）