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

[mehdi.tayebi 171]

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

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

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

http://hicargo.com

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

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

[mehdi.tayebi 171]

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

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>

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

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

[mehdi.tayebi 171]

کسی نیستش به این سوال من جواب بده !!!

[alimir 795]

مقدار depth رو به صفر تغییر بدید

[montazer 126]

آقا منم همین مشکل رو دارم :-/

[M.Javad 684]

مقدار depth رو به صفر تغییر بدید

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

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