رفتن به مطلب

مشکل در ساخت منو Drop Down بوت استرپ در قالب


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

با سلام به دوستان.

میخواستم ببینم به چه صورت میشه حالت منو Drop Down بوت استرپ را برای وردپرس نیز استفاده کردش ؟؟؟

با این تفاوت که Multi level باشه ... من در حالا عادی قرار میدهم اما فقط یک Level اصلی و یک Sublevel نمایش می دهد ... در صورتی که من میخوام تعداد لول هام بالای سه تا باشه ... برای نمونه به سایت زیر توجه کنید ...

http://hicargo.com

تقریبا همین منو را میخوام ...

دوستان ممنون میشم برام توضیح بدن که چه کارهایی باید بکنم و چه کدهای داخل بخش هدر و فانکشن خودم قرار بدم ... البته چند تا آموزش هم دیدم اما خوب اکثرا بیشتر از دو تا level نشون نداده ...

لینک به ارسال

طبق یک آموزش که خوانده بودم به صورت زیر توضیح میداد که اکثر شبیه به همین بودش ::

1- اول از همه باید به آدرس زیر می رفتید و فایل wp_bootstrap_navwalker.php و در شاخه روت اصلی قالبتون کپی می کردید ...

https://github.com/twittem/wp-bootstrap-navwalker/tree/For-Bootstrap-2.3.2

2- فایل functions.php مربوط به قالبون باز میکردید و دستور زیر را برای فراخوانی فایل بالا قرار می دادید .


// Register Custom Navigation Walker
require_once('wp_bootstrap_navwalker.php');

3- با استفاده از دستور زیر در فایل header.php قابلیت منو در قالبتون قرار میدادید ....


<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse navbar-ex1-collapse',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>

4- دستور زیر را هم در فایل functions.php قرار میدادید تا قابلیت فهرست فعال بشه ...


register_nav_menus( array(
'primary' => __( 'Primary Menu', 'THEMENAME' ),
) );

یک مثالی هم زده بودش به صورت زیر ::


<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<?php bloginfo('url'); ?>">
<?php bloginfo('name'); ?>
</a>
</div>
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse navbar-ex1-collapse',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
</nav>

تا اینجا درست !!

اما این فقط برای نمایش یک زیر منو هستش .... در صورتی که من میخواهم تا سه تا زیر منو نمایش بدهد ...

لینک به ارسال
  • 5 ماه بعد...
  • 1 سال بعد...
مقدار depth رو به صفر تغییر بدید

سلام منم همین مشکل رو دارم و مقدار depth رو به 0 تغییر دادم ولی وقتی روی ساب منو اول کلیک میکنی اتفاقی نمیفته من حتی این کد رو در استایل هم گذاشتم ولی مشکل اینجاست که وقتی روی ساب منو اول میری کل ساب منو های زیر رو چه والد چه فرزند همه رو باهم باز میکنه!!


ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}

لینک به ارسال

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

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

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

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

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

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

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

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

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