رفتن به مطلب

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


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

دوستان سلام

 

من برای تبدیل منو قالب 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

لینک به ارسال

درود....

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

<?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

لینک به ارسال
در 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

لینک به ارسال

درود

کسی میدونه برای استایل دادن به منو در وردپرس کد 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'

 

لینک به ارسال
در در ۱۳۹۶/۳/۲۳ ه‍.ش. 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'

 

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

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

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

لینک به ارسال

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

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

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

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

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

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

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

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

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