آموزش های عمومیبخش وردپرسعمومینصب و سوالات اولیهوردپرس

ساختن منو وردپرسی دلخواه

ساختن منو وردپرسی دلخواه
ساختن منو وردپرسی دلخواه
ساختن منو وردپرسی دلخواه
ساختن منو وردپرسی دلخواه
ساختن منو وردپرسی دلخواه

نوشته : ebrahim ptk

با سلام .

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

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

برای این کار خودمون باید کد بنویسیم یا وردپرس توابعی برای این کار داره ؟؟

ممنون میشم راهنماییم کنید .

نوشته : حسین

این مربوط به html / css هست. در صورت تمایل برای اعمال تغییرات در پوسته خود به لینک موجود در امضام مراجعه کنید.

نوشته : مهدی

این مربوط به html / css هست. در صورت تمایل برای اعمال تغییرات در پوسته خود به لینک موجود در امضام مراجعه کنید.

سلام

این چندمین پست از شماست که صرفا اسپم هست، اگر راه‌حلی ندارید اسپم ارسال نکنید!

اسم این روش منوی افتادنی هست

این‌ها رو بررسی کنید


wordpress.org/plugins/dropdown-menu-widget/
cssmenumaker.com/blog/wordpress-3-drop-down-menu-tutorial
perishablepress.com/css-dropdown-menu-wordpress/
silvercover.ir/?p=1343

نوشته : ایزی دیزاین

دوست عزیز برای این کار میتونی کد زیر رو در محل مناسبی(ترجیا در فایل هدر ) قرار بدی :



بعد برای زیبا سازی ان این کد سی اس اس رو در شیوه نامه سایتت (style) قرار بده :



/* ------- body2 ------- */
.body2 {width: 960px;margin: 5px auto;color: #666;text-align:right;font-family:BYekan, Tahoma;
font-size:13px;}
a {color: #333;}
#nav {margin: 0;padding: 7px 6px 0;background: #7d7d7d url(images/gradient.png) repeat-x 0 -130px;line-height: 100%;border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {margin: 0 5px;padding: 0 0 8px;float: right;position: relative;list-style: none;}
/* main level link */
#nav a {font-weight: bold;color: #e7e5e5;text-decoration: none;display: block;padding: 8px 20px;margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {background: #000;color: #fff;}
/* main level link hover */
#nav .current a, #nav li:hover > a {background: #666 url(images/gradient.png) repeat-x 0 -40px;color: 37badc;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {background: none;border: none;color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#nav ul a:hover {
background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important; color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
#nav li:hover > ul {display: block;}
/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 125px;
position: absolute;
top: 35px;
z-index: 1000;
left: 0;
background: #DDD url(images/gradient.png) repeat-x 0 0;
border: solid 1px #B4B4B4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;}
/* level 3 list */
#nav ul ul {left: 181px;top: -3px;}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;}
html[xmlns] #nav {display: block;}
* html #nav {height: 1%;}

به همین راحتی ، حالا شما یک منوی کشویی دارید :)

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


(1) راهنمای ساخت منو در وردپرس - آکادمی
راهنمای ساخت منو در وردپرس - آکادمی دیجیتال مارکتینگ دهبان


(2) آموزش ساخت منو در وردپرس و تغییر فهرست
آموزش ساخت منو در وردپرس و تغییر فهرست به صورت گام به گام - راست چین


(3) ساخت دسته جدید و یا زیر منو در وردپرس 2020
ساخت دسته جدید و یا زیر منو در وردپرس 2020


(4) آموزش ساخت فهرست وردپرس و ایجاد منو در
آموزش ساخت فهرست وردپرس و ایجاد منو در بخشهای مختلف قالب وردپرس


(5) افزودن منوی دلخواه به قالب وردپرس
افزودن منوی دلخواه به قالب وردپرس


(6) ساختن منو دلخواه وردپرسی در5گام
ساختن منو دلخواه وردپرسی در5گام تصویری - 5گام طراحی منودرسایت وردپرسی


(7) ساخت فهرست و تنظیم منوها در وردپرس
ساخت فهرست و تنظیم منوها در وردپرس


(8) پنل مدیریت وردپرس
اضافه کردن منو دلخواه به پنل مدیریت وردپرس - نوین وردپرس - قالب وردپرس افزونه وردپرس پوسته وردپرس


(9) آموزش ساخت منو کشویی در وردپرس - کانی تمز
آموزش ساخت منو کشویی در وردپرس - کانی تمز


(10) ساخت فهرست و تنظیمات حرفه ای منو در
ساخت فهرست و تنظیمات حرفه ای منو در وردپرس به صورت قدم به قدم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوازده − یک =

دکمه بازگشت به بالا