unid_user

تبدیل منو html به وردپرس

8 پست در این موضوع قرار دارد

دوستان سلام

 

من برای تبدیل منو قالب html ای که طراحی کردم به منوی وردپرس به مشکل خوردم بیشتر مشکلم بخاطر زیر منوها هستش اگه میشه راهنمایی کنید.زیر منوهاش نمیاد و باید کد مربوط به وردپرس رو دقیقا کجا و به چه صورت باید بزارم.

یه سوال دیگه اینکه بعد از container_id , container_class و menu_id , menu_class مورد دیگه ایم هم داریم یعنی ریز تر از این ها؟

 

کد html منو :

<!DOCTYPE HTML>

<html lang="fa">

<head>
    <title>مشکل با منو</title>
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <meta name="viewport" content="width:device-width , initial-scale=1 , maximum-scale=1 , user-scalable=no" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap-rtl.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>

<body>
<!-- row-2 -->
            <div class="row"><!-- navbar-section -->
                <nav class="navbar masoud-navbar navbar-default masoud-navbar-default">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav masoud-navbar-nav">
                                <li class="active masoud-active"><a href="#">خانه <span class="sr-only">(current)</span></a></li>
                            </ul>
                            <form class="navbar-form navbar-left" action="#" method="get">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="جستجو در سایت ...">
                                </div>
                                <button type="submit" class="btn btn-default">جستجو</button>
                            </form>
                            <ul class="nav navbar-nav navbar-right">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">آیتم یک <span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">زیر منو یک</a></li>
                                        <li><a href="#">زیر منو دو</a></li>
                                        <li><a href="#">زیر منو سه</a></li>
                                        <li><a href="#">زیر منو چهار</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">آیتم دو<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">زیر منو یک</a></li>
                                        <li><a href="#">زیر منو دو</a></li>
                                    </ul>
                                </li>
                                <li><a class="hvr-underline-from-center" href="#">آیتم سه</a></li>
                                <li><a href="#">درباره ما</a></li>
                                <li><a href="#">تماس با ما</a></li>
                            </ul>
                        </div><!-- #navbar-collapse -->
                    </div><!-- #container-fluid -->
                </nav>
            </div><!-- #navbar-section -->
            <!-- #row-2 -->
</body>
</html>

 کد مربوط به style :

@font-face {
	font-family: 'BYekan';
	src: url('../font/BYekan.eot') format('eot'),
		url('../font/BYekan.woff') format('woff'),
		url('../font/BYekan.ttf') format('truetype');
}
body {
    font-family: "BYekan";
    font-size: 14px;
    background-color: #F8F8F8;
}

.masoud-navbar-default {
    background-color: #7ECBEA;
    border: none;
}
.masoud-navbar {
    border-radius: 0px;
}
.masoud-navbar-nav >.masoud-active >a {
    font-family: "BYekan";
    font-size: 14px;
    color: #fff !important;
    background-color: #5C98DB  !important;
}

کدی که برای تبدیل html به وردپرس استفاده میکنم :

<?php 
	$menuarg = array('theme_location' => 'top_menu','container_id'=>'bs-example-navbar-collapse-1','container_class'=>'collapse navbar-collapse', 'menu_id'=>'' ,'menu_class'=>'nav navbar-nav masoud-navbar-nav');
	wp_nav_menu($menuarg);
?>

 

فایل منو هم پیوست کردم لطفا یه نگاهی بندازید خیلی ممنون میشم کمک کنید.

menu.zip

0

به اشتراک گذاری این پست


لینک به پست

درود....

فایل زیر را دریافت کنید:

<?php
  wp_nav_menu( array(
     'theme_location'        => 'primary',
     'depth'                  => 2,
     'container'              => 'false',
     'menu_class'            => 'nav navbar-nav',
     'fallback_cb'      => '',
     'walker'           => new wp_bootstrap_navwalker()
     ));
?>

داخل کلاس collapse navbar-collapse قرار بده...

موفق باشید...

wp_bootstrap_navwalker.php

1

به اشتراک گذاری این پست


لینک به پست
در 51 دقیقه قبل، RaymondDragon گفته است :

درود....

فایل زیر را دریافت کنید:


<?php
  wp_nav_menu( array(
     'theme_location'        => 'primary',
     'depth'                  => 2,
     'container'              => 'false',
     'menu_class'            => 'nav navbar-nav',
     'fallback_cb'      => '',
     'walker'           => new wp_bootstrap_navwalker()
     ));
?>

داخل کلاس collapse navbar-collapse قرار بده...

موفق باشید...

wp_bootstrap_navwalker.php

درود دوست عزیز

 

مشکلم حل شد ولی الان نمیتونم زیر منو اضافه کنم.مثلا زیر آیتم یک دو تا منوی دیگه اضافه کردم وزیر یکی از اون دوتا منو یه منوی دیگه که منوی سوم رو نشون نمیده!

 

تصویرشو میزارم که منظورم واضح تر بشه اگه نیاز بود بگید کد و بزارم.

 

سپاس

03.png

04.png

0

به اشتراک گذاری این پست


لینک به پست

لطفا کمک کنید دوستان خیلی تلاش کردم اما نتونستم:(

0

به اشتراک گذاری این پست


لینک به پست

:(:blink: تا حالا کسی به این مشکل برنخورده!؟

0

به اشتراک گذاری این پست


لینک به پست

:wacko:

0

به اشتراک گذاری این پست


لینک به پست

درود

کسی میدونه برای استایل دادن به منو در وردپرس کد php زیر بعد از menu_class مثلا برای ul یا li امکان کلاس دهی وجود نداره؟

<?php 
	$menuarg = array('theme_location' => 'top_menu','container_id'=>'sampleid','container_class'=>'sampleclass', 'menu_id'=>'sampleid' ,'menu_class'=>'sampleclass' , 'مثلا li_class' => 'کلاس تگ li رو بهش بدیم');
	wp_nav_menu($menuarg);
?>

 

مثلا بگیم :

'li_class' => 'sampale_class'

 

0

به اشتراک گذاری این پست


لینک به پست
در در ۱۳۹۶/۳/۲۳ ه‍.ش. at 19:10، masoudch گفته است :

درود

کسی میدونه برای استایل دادن به منو در وردپرس کد php زیر بعد از menu_class مثلا برای ul یا li امکان کلاس دهی وجود نداره؟


<?php 
	$menuarg = array('theme_location' => 'top_menu','container_id'=>'sampleid','container_class'=>'sampleclass', 'menu_id'=>'sampleid' ,'menu_class'=>'sampleclass' , 'مثلا li_class' => 'کلاس تگ li رو بهش بدیم');
	wp_nav_menu($menuarg);
?>

 

مثلا بگیم :


'li_class' => 'sampale_class'

 

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

این کد رو بررسی می کنم خبر میدم...

موفق باشید...

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری