رفتن به مطلب

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


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

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

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

به منویی شبیه قالب 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
لینک به ارسال

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

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

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

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

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

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

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

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

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