افزونه ساخت منوی عمودی

[ahmad25532 4]

با سلام خدمت اساتید.

دنبال یه افزونه ای برای ساخت منوی عمودی میگردم که خودش دسته ها رو بگیره و .. (یه چیزی شبیه منویی که سمت راست این سایت قرار داده شده http://www.rezvansanat.com/

میخوام دسته هام رو خودش بگیریه و نشون بده و زیر دسته ها ( یا حتی نوشته های اون دسته رو) به صورت زیر منو. (این منو رو هم من خودم نوشتم ولی خب کد html و css هست. خودم میتونم هر دسته ای که اضافه شد بیام و ویرایشش کنم ولی خب اگه بشه که خودش دسته ها رو بگیره که خیلی بهتره)

خیلی هم تو نت گشتم و تنها افزونه ای که همه معرفی میکردن این افزونه بود که خب دو سالیه آپدیت نشده و من نتونستم باهاش کار کنم (ظاهرا با نسخه های جدید مچ نشده. یا شایدم من بلد نبودم) https://wordpress.org/support/plugin/jquery-vertical-mega-menu

اگرم افزونه ای برای این کار نیست، اگه بفرمایید من چجوری کدهای مربوط به همین منو رو تغییر بدم که خودش دسته ها و زیردسته ها رو فراخونی کنه ممنون میشم. متاسفانه خیلی به کدهای وردپرس آشنایی ندارم.

ممنون

[imanfakhar 26231]

بهتر از افزونه همون کد نویسیه

می تونید کدهای html ای که دارید رو تبدیل کنید به php

کدهاتون رو بگذارید یک موردش رو انجام می دم مابقیش رو خودتون به همون ترتیب اصلاح کنید

[ahmad25532 4]

بهتر از افزونه همون کد نویسیه

می تونید کدهای html ای که دارید رو تبدیل کنید به php

کدهاتون رو بگذارید یک موردش رو انجام می دم مابقیش رو خودتون به همون ترتیب اصلاح کنید

با سلام و تشکر

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

<div id="menu4">

<ul class="menu">

<li><a href="#">محصولات</a></li>

<li><a class="haschild" title="">تصفيه آب</a>

<ul class="sub-menu">

<li><a class="haschild" title="" href="#">خانگي</a></li>

<li><a class="haschild" title="" href="#">صنعتي</a></li>

</ul>

</li>

<li><a class="haschild" title="">آبياري کلاسيک</a>

<ul class="sub-menu">

<li><a class="haschild" title="" href="#">فيلتر ديسکي</a></li>

<li><a class="haschild" title="" href="#">آبپاش</a></li>

<li><a class="haschild" title="" href="#">مخفي شونده</a></li>

<li><a class="haschild" title="" href="#">ضربه اي</a></li>

<li><a class="haschild" title="" href="#">مه پاش</a></li>

<li><a class="haschild" title="" href="#">کنترلر</a></li>

<li><a class="haschild" title="" href="#">شير برقي</a></li>

<li><a class="haschild" title="" href="#">لوله</a></li>

<li><a class="haschild" title="" href="#">نوار تيپ</a></li>

</ul>

</li>

</ul>

<div class="clear"></div>

</div>

اگه بفرمایید چکار کنم ممنون میشم

[ahmad25532 4]

این افزونه منو عمودی ، ببین شاید بدردت خورد.

با سلام و تشکر

نصب که کردم css های منوی صفحه ی اصلیم ریخت بهم. منم سریع غیر فعالش کردم!!!

البته من یه ابزارک دارم که دسته هام رو نشون میده (که سمت راست این اینجا اوردمش. ولی اونی که میخوام نیست. زیر دسته ها رو نشون نمیده.. اینی که شما معرفی کردید زیر دسته ها و نوشته های دسته رو نشون میده؟؟

[imanfakhar 26231]

از طریق جعبه متنی فقط می شه کدهای طرف کاربر مثل جاوا اسکریپت و سی اس اس گذاشت

این کدها را داخل فایل sidebar.php باید بگذارید

<div id="menu4">
<?php
$terms = get_terms( 'category', array(
'parent' => 0,
) );
if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
	 echo '<ul class="menu">';
	 foreach ( $terms as $term ) {
	   echo '<li><a class="haschild" href="'.get_term_link($term).'">' . $term->name.'</a>';
   $childterms = get_terms( 'category', array(
   'parent' => $term->term_id,
  ) );
   if ( ! empty( $childterms ) && ! is_wp_error( $childterms ) ){
	   echo '<ul class="sub-menu">';
	   foreach ( $childterms as $childterm) {
		 echo '<li><a class="haschild" href="'.get_term_link($childterm).'">' . $childterm->name.'</a></li>';
	   }
	   echo '</ul>';
   }
	   echo '</li>';
	 }
	 echo '</ul>';
}
?>
</div>

[ahmad25532 4]

ممنون. من از نمایش > ویرایشگر، sidebar.php رو باز کردم و کدهای شما رو داخلش قرار دادم. نتیجه کار رو از اینجا و اینجا میشه دید. فقط یه سوال. با این کاری که ما انجام دادیم، تو تمام سایدبارهای من ظاهر میشه، درسته؟؟؟؟ (مثل left sidebar و right sidebar و سایدبارهای دیگه ی قالب که از ابزارک قابل دسترسم هستن) نمیشه کاری کرد که یه سایدبار جدا واسه این کدها داشته باشیم که هرجا لازم شد از اون استفاده کنیم؟؟ این سایدبارهایی که تو قسمت ابزارک قالب هستن، فایل جداگونه ای واسه خودشون ندارن که این کدها رو انتهای یکیشون اضافه کنیم؟!!

یه سوال دیگه در مورد خود کدها داشتم. من هدر منوها رو که "محصولات" خورده، داخل کدهای li قرار داده بودم و با css بهش رنگ قرمز دادم. میخواستم ببینم الان بخوام یه همچین هدری بدم باید چکار کنم. ممنون.

[ahmad25532 4]

سلام

خواستم اطلاع بدم که مشکلم رفع شد. یه افزونه بهم معرفی کردن که مشکل کد نویسی php داخل ابزارک ها رو برام حل کرد. https://wordpress.org/plugins/php-code-widget

بابت راهنمایی هایی که فرمودید و کدهایی که برام فرستادید ممنون. دقیقا به چیزی که میخواستم رسیدم.

ممنون

[imanfakhar 26231]

در مورد تایتل هم می تونید کدهاتون رو اینجوری اصلاح کنید

<div id="menu4">
<?php
$terms = get_terms( 'category', array(
'parent' => 0,
) );
if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
		 echo '<ul class="menu">';
	   echo '<li class="product-title"><h3>محصولات</h3></li>';
		 foreach ( $terms as $term ) {
		   echo '<li><a class="haschild" href="'.get_term_link($term).'">' . $term->name.'</a>';
   $childterms = get_terms( 'category', array(
   'parent' => $term->term_id,
  ) );
   if ( ! empty( $childterms ) && ! is_wp_error( $childterms ) ){
		   echo '<ul class="sub-menu">';
		   foreach ( $childterms as $childterm) {
				 echo '<li><a class="haschild" href="'.get_term_link($childterm).'">' . $childterm->name.'</a></li>';
		   }
		   echo '</ul>';
   }
		   echo '</li>';
		 }
		 echo '</ul>';
}
?>
</div>

و استایل دلخواه را به سلکتورهای زیر بدید

#menu4 .product-title { background-color:#BD4647;overflow:hidden;border-radius:6px 6px 0 0;}
#menu4 .product-title h3 { color:#FFF;font-weight:normal;font-family:Yekan, "B Yekan",'BYekan',Tahoma;font-size:16px;padding-right:10px}

[ahmad25532 4]

ممنون.

همیشه شاد و سربلند باشید.