ahmad25532

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

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

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

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

2.png

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

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

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

ممنون

0

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


لینک به پست

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

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

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

2

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


لینک به پست

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

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

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

0

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


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

با سلام و تشکر

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

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

0

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


لینک به پست

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

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

2

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


لینک به پست

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

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

Untitled.png

0

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


لینک به پست

سلام

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

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

ممنون

1

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


لینک به پست

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


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

1

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


لینک به پست

ممنون.

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

1

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


لینک به پست

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

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

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

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


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

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

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


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