رفتن به مطلب
alininja

نمایش دسته ها

پست های پیشنهاد شده

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

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


لینک به ارسال

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

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


لینک به ارسال

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

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


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...