رفتن به مطلب

مشکل عجیب هنگام اضافه کردن کد فهرست


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

با سلام ، بعد از اینه کد مربوط به فهرست رو به فایل هدر اضافه میکنم

بعد از تگ nav که فهرست رو دربرمیگیره ، یه تگ div هم ساخته شده که باعث به هم ریخته شدن اجزای فهرست شده

مشکل کجاست دوستان؟

لینک به ارسال

خوب ببینید شاید اون div اضافه باشه دیو پایانی هست یا شروع ؟ استایل و کلاسش چیه ؟

کدتون رو قرار بدید تا بهتر بشه راهنمایی کرد

  • امتیاز 1
لینک به ارسال

سلام ، همچین مشکل عجیبی هم نیستا...

به منوتون اضافه کنید:

'container' => false

همچنین میتونید بهش کلاس بدید که مشکلتون رو حل کنه ، اگر مشکلتون حل نشد کد منوتون رو بذارید اینجا.

موفّق باشید.

  • امتیاز 2
لینک به ارسال

سلام ، همچین مشکل عجیبی هم نیستا...

به منوتون اضافه کنید:

'container' => false

همچنین میتونید بهش کلاس بدید که مشکلتون رو حل کنه ، اگر مشکلتون حل نشد کد منوتون رو بذارید اینجا.

موفّق باشید.

ممنون دوست عزیز ، با کدی که دادید مشکل حل شد

منتها یه مشکل دیگه دارم که از این قراراه

بعضی از li و ul های درونی فهرست دارای کلاسهای دیگه ای هستند ، کلاسهای برای زیرمنو و ، صفحه فعال

برای اینکه در وردپرس اینا رو داشته باشم با کد فهرست قاعدتا نمیشه ، و فقط کلاس اصلی رو میگیره

برای حل این مشکل چه کنم؟

لینک به ارسال
ممنون دوست عزیز ، با کدی که دادید مشکل حل شد منتها یه مشکل دیگه دارم که از این قراراه بعضی از li و ul های درونی فهرست دارای کلاسهای دیگه ای هستند ، کلاسهای برای زیرمنو و ، صفحه فعال برای اینکه در وردپرس اینا رو داشته باشم با کد فهرست قاعدتا نمیشه ، و فقط کلاس اصلی رو میگیره برای حل این مشکل چه کنم؟

درست متوجّه ادامه حرفتون نشدم ، منتهی اگر منظورتون اون menu-item-1 و... هستند فکر کنم با لینک زیر مشکلتون حل بشه:

http://stackoverflow.com/questions/5222140/remove-li-class-id-for-menu-items-and-pages-list

  • امتیاز 1
لینک به ارسال

درست متوجّه ادامه حرفتون نشدم ، منتهی اگر منظورتون اون menu-item-1 و... هستند فکر کنم با لینک زیر مشکلتون حل بشه:

http://stackoverflow...-and-pages-list

دوست عزیز این کد مربوط به فهرست من هست ،


<nav id="main-nav" class="clearfix">
<ul>
<li class="menu-item-has-children active">
<a href="index.html">Home</a>
<ul class="children">
<li>
<a href="index-home2.html">Home 2</a>
</li>
<li>
<a href="index-home3.html">Home 3</a>
</li>
</ul>
</li>
<li>
<a href="about-us.html" aria-haspopup="true">About</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li class="menu-item-has-children">
<a href="portfolio.html">Portfolio</a>
<ul class="children">
<li>
<a href="portfolio-grid.html">Portfolio Alt</a>
</li>
<li>
<a href="portfolio-single.html">Single Portfolio</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="blog-index.html">Blog</a>
<ul class="children">
<li>
<a href="blog-masonry.html">Blog Alt</a>
</li>
<li>
<a href="single-post.html">Single Blog</a>
</li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>

همینطور که مشاهده میکنید بعضی از ul , li های درون این فهرست دارای کلاسهای جداگانه ای هستند ، خوب اگر من کد فهرست رو بخوام به این اضافه کنم یه همچین کدی دارم :


<nav id="main-nav" class="clearfix">
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
</nav>

خوب حالا میخوام بدونم ، اگر بخوام صفحه جاری و فعال ، در فهرست کلاس جداگانه داشته باشه

و هچنین کلاسهای دیگه فهرست بالا هم در فهرست اعمال بشه ، باید چه کار انجام بدم

خیلی هم ممنون ازاینکه پاسخ بنده رو دادید ، واقعا متشکرم

لینک به ارسال

در صفحه فهرستها روی تنظیمات بالای صفحه بزنید و گزینه کلاس سی اس اس رو فعال کنید تا بتونید کلاس دلخواه به عناصر بدید

برای تشخیص صفحه جاری باید کدنویسی کنید و کار خیلی راحتی نیست من مسیرش رو عرض می کنم

مثلا برای اینکه کلید خانه در صفحه اصلی کلاس active بگیره اول از طریقی که عرض شد به خانه کلاس home را می دهید و بعد در footer.php قالب اضافه می کنید


<?php
if(is_home()) : ?>
<script>
$("#main-nav").find(".home").addClass("active");
</script>
<?php endif;?>

برای صفحات داخلی سایت در به منوهاشون کلاس page-ID رو بدید (بجای ID آی دی صفحه را بگذارید) و در داخل قالب page.php و داخل حلقه اضافه کنید


<script>
$("#main-nav").find(".page-<?php the_ID();?>").addClass("active");
</script>

اینکار رو باید برای تک تک صفحاتی که قالب مجزا دارند و در منو بهشون لینک دادید انجام بدید ولی اگر همه صفحات از یک قالب استفاده می کنند که همون کد کافیه

  • امتیاز 3
لینک به ارسال
دوست عزیز این کد مربوط به فهرست من هست ،

خوب حالا میخوام بدونم ، اگر بخوام صفحه جاری و فعال ، در فهرست کلاس جداگانه داشته باشه و هچنین کلاسهای دیگه فهرست بالا هم در فهرست اعمال بشه ، باید چه کار انجام بدم خیلی هم ممنون ازاینکه پاسخ بنده رو دادید ، واقعا متشکرم

در تکمیل جواب آقای فخار عزیز ،

بعد از مطالعه ی این مطلب : سفارشی کردن منوی وردپرس

اگر شما مایل هستید وقتی روی یکی از منو های اصلی ( نه زیرمنوها ) کلیک شد و یک کلاس بهش اضافه بشه مثلا کلاس active با استفاده از کدنویسی jQuery به راحتی میشه به این صورت عمل کرد :


<script>
$("#main-nav ul > li > a").on("click" , function(){
$("#main-nav ul > li").removeClass("active");
$(this).closest("li").addClass("active");
});
</script>

ویرایش شده توسط Mekaeil Andisheh
  • امتیاز 3
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...