رفتن به مطلب

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


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

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

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

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

لینک به ارسال

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

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

لینک به ارسال

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

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

'container' => false

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

موفّق باشید.

لینک به ارسال

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

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

'container' => false

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

موفّق باشید.

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

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

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

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

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

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

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

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

لینک به ارسال

درست متوجّه ادامه حرفتون نشدم ، منتهی اگر منظورتون اون 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>

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

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

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

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

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

اگر شما مایل هستید وقتی روی یکی از منو های اصلی ( نه زیرمنوها ) کلیک شد و یک کلاس بهش اضافه بشه مثلا کلاس 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
لینک به ارسال

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

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

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

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

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

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

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

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

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