رفتن به مطلب

متمایز نشان دادن والد در منوی وردپرس


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

با سلام خدمت دوستان !

من دنبال راهی میگردم تا در منوی وردپرس به قسمت والد یک آیکون یا یک فلش برای متمایز نشان دادن اون می گردم

دوستان اگه کسی میتونه راهنمایی کنه

این کد نمایش منوی من در وردپرس هست


<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'menus' ) ); ?>

لینک به ارسال

ساده ترین روش اینه که از طریق parent به اونها استایل بدهید:

 .main-navigation .parent > a

یا (افزودن به فایل توابع پوسته)


/*
* This adds a "dropdown" class to menus
*/
function oikos_add_menu_parent_classes( $classes, $item, $args ) {
$children = get_posts( array(
'meta_query' => array (
array(
'key' => '_menu_item_menu_item_parent',
'value' => $item->ID )
),
'post_type' => $item->post_type ) );
if (count($children) > 0) {
array_push($classes,'dropdown'); // add the class .dropdown to the current menu item
}
return $classes;
}
add_filter( 'nav_menu_css_class', 'oikos_add_menu_parent_classes', 10, 3 );

لینک به ارسال

ساده ترین روش اینه که از طریق parent به اونها استایل بدهید:

 .main-navigation .parent > a

یا (افزودن به فایل توابع پوسته)


/*
* This adds a "dropdown" class to menus
*/
function oikos_add_menu_parent_classes( $classes, $item, $args ) {
$children = get_posts( array(
'meta_query' => array (
array(
'key' => '_menu_item_menu_item_parent',
'value' => $item->ID )
),
'post_type' => $item->post_type ) );
if (count($children) > 0) {
array_push($classes,'dropdown'); // add the class .dropdown to the current menu item
}
return $classes;
}
add_filter( 'nav_menu_css_class', 'oikos_add_menu_parent_classes', 10, 3 );

خیلی سپاسگزارم!

توی چند تا پوسته دیدم که از طریق جی کوئری این کارو کرده بودن اگه امکانش هست در این باره توضیح بدهید

لینک به ارسال

<script type="text/javascript">
jQuery(document).ready(function($) {
$("ul.sub-menu").parents().addClass('parent');
});
</script>

<script type="text/javascript">
$("#menu-id ul li:has(ul)").addClass("parent");
</script>


http://stackoverflow.com/questions/3558198/php-wordpress-add-arrows-to-parent-menus

لینک به ارسال

با سلام از روش افزودن به توابع پوسته استفاده کردم و بعد از استایل دهی به کلاس dropdown به خوبی به نمایش در آمد ولی مشکلی که وجو داره اینه که برای فرزندان والد که خودشون والد میشن به نمایش در نمیاد! نمیدونم منظورمو رسوندم یا نه

در تصویر ضمیمه والد که بارنگ تیره تر مشخصه دارای آیکون نمی باشد

13625147091.gif

ویرایش شده توسط saeedagha
لینک به ارسال

دوست عزیز اسپم نکنید. باعث قفل شدن تاپیک ئ محرومیت میشه.

همه تاپیک ها خونده و بهشون پاسخ داده میشه.

در مورد مشکل مشا

از استایل دهی شماست.

آیا آنلاین هست تا بتونیم کدها رو ببینیم(استایل منظورم هست)

لینک به ارسال

دوست عزیز اسپم نکنید. باعث قفل شدن تاپیک ئ محرومیت میشه.

همه تاپیک ها خونده و بهشون پاسخ داده میشه.

در مورد مشکل مشا

از استایل دهی شماست.

آیا آنلاین هست تا بتونیم کدها رو ببینیم(استایل منظورم هست)

با عرض معذرت و پوزش در حال حاضر پوسته اینجا فعال می باشد

ببخشید مثل اینکه زیاده روی کردم

ویرایش شده توسط saeedagha
لینک به ارسال

بخش آخر استایلتون رو با این جایگزین کنید:

div.mainMenu ul li.dropdown {
background: url(images/control-left-icon.png) no-repeat left center;
}
div.mainMenu li ul li.dropdown>a{
background: #666 url(images/control-left-icon.png) no-repeat left center;
}
div.mainMenu li ul li.dropdown>a:hover{
background: #363840 url(images/control-left-icon.png) no-repeat left center;
}

لینک به ارسال

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

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

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

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

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

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

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

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

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