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

[romila 44]

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

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

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

ویرایش شده آبان 92 توسط hami73

[Black_Sky 6349]

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

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

[romila 44]

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

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

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

ممنون.

[romila 44]

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

کد 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' ) ); ?>

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

[Parsa 23463]

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

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

http://forum.wp-parsi.com/tutorials/article/3-%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%81%D9%87%D8%B1%D8%B3%D8%AA-%D8%AF%D9%84%D8%AE%D9%88%D8%A7%D9%87-%D8%A8%D9%87-%D9%BE%D9%88%D8%B3%D8%AA%D9%87/

[romila 44]

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

در فایل 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>

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

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

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

ویرایش شده آبان 92 توسط hami73

[سعید شعبانی 2047]

این آموزش می تونه به شما کمک کنه