alininja

نمایش دسته ها

3 پست در این موضوع قرار دارد

سلام من لیست دسته ها رو با تابع 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 اضافه کنم که تو یکیشون عنوان دسته باشه.

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

من تونستم با 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>

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری