رفتن به مطلب

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


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

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

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

2.png

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

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

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

ممنون

لینک به ارسال

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

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

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

لینک به ارسال

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

می تونید کدهای 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>

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

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

با سلام و تشکر

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

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

لینک به ارسال

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

این کدها را داخل فایل 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>

لینک به ارسال

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

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

Untitled.png

لینک به ارسال

سلام

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

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

ممنون

لینک به ارسال

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


<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}

لینک به ارسال

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

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

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

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

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

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

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

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

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