• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
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

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


لینک به پست

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

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

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

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


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

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

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


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