hami73

آموزش ساخت منو

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

سلام به همه ی دوستان عزیز من میخوام برای قالب وردپرس منو با زیر منو های نامحدود بسازم لطفا کامل راهنمایی کنید.

(آموزش ترجیحا فارسی باشه)

به منویی شبیه قالب 2013 وردپرس هم راضیم!!!

ویرایش شده در توسط hami73

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


لینک به پست

ميتونيد از فهرست استفاده كنيد براي منو اما براي زير منو قبلا توضيحاتي دادم

جستجو كنيد منوي آبشاري

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


لینک به پست

دوست عزیز حالا خوبه گفتم کامل راهنمایی کنید.

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

لطفا راهنماییتون کامل باشه.

ممنون.

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


لینک به پست

ببینید دوستان من یه کد برای منو پیدا کردم که به صورت زیر هستش

کد html


<ul class="menu">

<li><a href="http://learningbaz.ir">لرنینگ باز</a></li>
<li><a href="#">موضوعات</a></li>
<li><a href="#">تگ ها</a>

<ul>
<li><a href="#" class="documents">ابزار گرافیک</a></li>
<li><a href="#" class="messages">ابزار وب</a></li>
<li><a href="#" class="signout">ابزار فتوشاپ</a></li>
</ul>

</li>
<li><a href="#">افزونه وردپرس</a></li>
<li><a href="#">آموزش</a></li>
<li><a href="#">ترفند</a></li>

</ul>

و کد css


.menu, .menu ul, .menu li, .menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
float:right;
}
.menu {
height: 31px;
width: 974px;
direction:rtl;
margin-top:4px;
}
.menu li {
position: relative;
list-style: none;
float: right;
display: block;
height: 40px;
}
.menu li a {
display: block;
padding: 0 8px;
margin: 3px 0;
line-height: 20px;
text-decoration: none;
border-left: 1px solid #999;
border-right: 1px solid #999;
font-family: tahoma, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f3f3f3;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.menu li:first-child a {
border-left: none;
}
.menu li:last-child a {
border-right: none;
}
.menu li:hover > a {
color: #FF0;
}
.menu ul {
position: absolute;
top: 30px;
right: 0;
opacity: 0;
background: #F30;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
}
.menu li:hover > ul {
opacity: 1;
}
.menu ul li {
height: 20px;
overflow: hidden;
padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
.menu li:hover > ul li {
height: 30px;
overflow: visible;
padding: 0;
}
.menu ul li a {
width: 200px;
padding-right:15px;
padding-bottom:5px;
border: none;
border-bottom: 1px solid #353539;
}

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

تو آموزش هایی که وجود داره یه کد هست که باید توی فایل فانکشن سیو بشه مثل کد زیر


function register_my_menus() {
register_nav_menus(
array(
'first-menu' => __( 'منو اول' ),
'second-menu' => __( 'منو دوم' ),
)
);
}
add_action( 'init', 'register_my_menus' );

با این کد کاری نداریم و یه کد دیگه هم هست که باید تو فایل html سیو بشه.

کد زیر:


<?php wp_nav_menu( array( 'theme_location' => 'first-menu' ) ); ?>

من میخوام ببینم این آخرین کدی که گفتم دقیقا باید کجا سیو بشه؟؟؟؟

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


لینک به پست

محلی که میخواهید نمایش داده بشه منو

در فایل php پوسته

پارسا عزیز من این کد رو


<?php wp_nav_menu( array( 'theme_location' => 'first-menu' ) ); ?>

به جای کل کد زیر قرار دادم


<ul class="menu">
<li><a href="http://learningbaz.ir">لرنینگ باز</a></li>
<li><a href="#">موضوعات</a></li>
<li><a href="#">تگ ها</a>
<ul>
<li><a href="#" class="documents">ابزار گرافیک</a></li>
<li><a href="#" class="messages">ابزار وب</a></li>
<li><a href="#" class="signout">ابزار فتوشاپ</a></li>
</ul>
</li>
<li><a href="#">افزونه وردپرس</a></li>
<li><a href="#">آموزش</a></li>
<li><a href="#">ترفند</a></li>
</ul>

با این کار منو به نمایش در اومد ومن تونستم توسط فهرست دلخواه گزینه به منو اضافه کنم اما دو تا مشکل وجود داره:

اولی اینکه وقتی میخواد زیرمنو رو نمایش بده روی هم میاد.

و دوم اینکه وقتی از ابزارک فهرست دلخواه استفاده میکنم استایل همون منوی بالای صفحه رو به خودش میگیره و توی ابزارک ها به صورت افقی نشون میده که ظاهر سایت رو به هم میریزه.

ویرایش شده در توسط hami73

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


لینک به پست

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

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

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

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


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

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

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


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