نمایش دسته ها

[alininja 14]

سلام من لیست دسته ها رو با تابع wp_list_categories نمایش میدم حالا میخوام اونو سفارشی کنم. به این صورت:

<li class="has_sub"><a href="#"><i class="fa fa-list-alt"></i> <span>عنوان دسته</span> <span class="pull-right"><i class="fa fa-chevron-left"></i></span></a></li>  

بهش میخوام یه کلاس بدم و دو تا span اضافه کنم که تو یکیشون عنوان دسته باشه.

[alininja 14]

اگه با تابع wp_nav_menu میشه هم بگید...

[alininja 14]

من تونستم با walker اونو درست کنم. فقط یه مشکلی هست که همه ی li ها این استایل ها رو گرفتن. کد های فانکشن:

class Menu_Sidebar 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 class="has_sub" 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 .= '<i class="fa fa-list-alt"></i>';
		 $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
		 $item_output .= '<span class="pull-right"><i class="fa fa-chevron-left"></i></span>';
		 $item_output .= '</a>';
		 $item_output .= $args->after;
		 $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}

الان اینطوری شده:

<ul>
<li class="has_sub"><a href="#"><i class="fa fa-file-text"></i>دسته<span class="pull-right"><i class="fa fa-chevron-left"></i></span></a>
		    <ul>
			  <li class="has_sub"><a href="#"><i class="fa fa-file-text"></i>زیر دسته 1<span class="pull-right"><i class="fa fa-chevron-left"></i></span></a></li>
			  <li class="has_sub"><a href="#"><i class="fa fa-file-text"></i>زیر دسته 2<span class="pull-right"><i class="fa fa-chevron-left"></i></span></a></li>
		    </ul>
</li>
<ul>

میخوام اینطوری بشه:

<ul>
<li class="has_sub"><a href="#"><i class="fa fa-file-text"></i>دسته<span class="pull-right"><i class="fa fa-chevron-left"></i></span></a>
		    <ul>
			  <li><a href="#">زیر دسته 1</a></li>
			  <li><a href="#">زیر دسته 2</a></li>
		    </ul>
</li>
<ul>