درست کردن منوی کشویی به راحتی آب خوردن

Dropdown Menu Widget

درست کردن منو زیر منو با jquery و امروزه هم با CSS3 کار چندان مشکلی نیست ولی خب برای دوستانی که یه مقدار آشنایی کمتری دارند سخت است اما امروز یه بسته خیلی خوب داریم که دیگه از این به بعد میتوانید به راحتی آب خوردن منو های سایت خودتون رو درست کنید !

افزونه Dropdown Menu Widget یک ابزار خیلی عالی برای نمایش انواع فهرست و یا لیست برگه ها یا لیست موضوعات است. در این افزونه به راحتی از قسمت تنظیمات / Dropdown Menu Widget میتوانید استایل منو رو انتخاب کنید , نوع فونت رو انتخاب کنید , اندازه فونت رو برگزینید و یا حتی اگر خواستید CSS دلخواه بدید و از آن قسمت فهرست دلخواهی که میخواهید نمایش داده شود را انتخاب کنید و یا حتی لینک های ورود و عضویت و خانه را قرار دهید.

نمونه عکس بالا کاریه که برای یکی از دوستان پیاده سازی کردم و یک خط CSS هم ننوشتم.! چقدر خوب !

حالا اینکه افزونه رو از همیار وردپرس دانلود و نصب کردید بعد چه کار کنید !

چند تا راه دارید حالت بدون کد استفاده از قسمت نمایش / ابزارک است که به راحتی میتوانید بکشید ورها کنید و منو زیر منوی خود را قرار دهید

راه دوم این است که شما از کد عمومی این افزونه که به صورت زیر است در هرجای قالب که میخواهید استفاده کنید :

<?php shailan_dropdown_menu(); ?>

حالا اگه نمیخواین نوع منو رو تنظیمات این افزونه انتخاب کنه میتونید برای نمایش موضوعات از کد زیر :

<?php shailan_dropdown_menu( array( 'menu' => 'categories' ) ); ?>

و یا برای نمایش لیست برگه ها از کد زیر :

<?php shailan_dropdown_menu( array( 'menu' => 'pages' ) ); ?>

و یا نمایش فهرست دلخواه با نام wordpress98 مثلا از کد زیر :

<?php shailan_dropdown_menu( array('menu'=>'wordpress98') ); // Adds a custom menu named wordpress98 ?>

استفاده کنید ! در ضمن افقی یا عمودی بودن منو هم با خودتان !

  پوسته پارسی Pilgrim

دیگه بهتر از این نمیشه

موفق و پیروز باشید !

دانلود صفحه افزونه
مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

331,350 نفر

پاسخی بگذارید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 9 ماه عضو همیار وردپرس

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

  2. 5 سال عضو همیار وردپرس

    با سلام و عرض ادب
    قبلا در سایتم منوی سایتم کشویی بود که با حرکت موس روی گزینه های منوی اصلی، زیر شاخه ها هم نشان داده می شد اما چند روزی است که زیر شاخه ها در فهرست منو هستند ولی با حرکت موس آن ها رو نشون نمیده چه باید کرد؟
    با سپاس فراوان…

  3. 1 سال عضو همیار وردپرس

    سلام
    علت حذف لینک سایت بنده از دیدگاه ها چیست ؟
    ممنون از این که جواب سوالم رو میدید

  4. 1 سال عضو همیار وردپرس

    هم لینک دانلود هم لینک صفحه افزونه مشکل داره

  5. 1 سال عضو همیار وردپرس

    ممنون
    لطفا از این مطالب کاربردی بیشتر بزارید

  6. سلام اگه ممکنه فیلم آموزشش رو بذارید مرسی

  7. سلام. ببخشیدالان شما منوی سایت همیار وردپرس در حالت ریسپانسیو رو با پلاگین درست کردین یا 0تا 100 شو با کد نویسی؟

  8. سلام اسه من زیر منوها نمایش داده نمیشه چیکار کنم ؟
    میشه راهنمایی کنید

  9. ba slm man chera nemitonam az in afzune estefade konam ?
    zir menohasho bara man neshun nemide

  10. لینک دانلود مشکل داره اصلاح کنید

  11. سلام درست کردن منوی کشویی به راحتی آب خوردن برایم ایمیل کردید ولی ارور میده و دان نمیشه
    محبت کنید چک کنید و مجدد بفرستید.متشکرم

  12. 2 سال عضو همیار وردپرس

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

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

    http://drivepersia.ir/wp-content/uploads/2017/04/Capture-2.jpg

    http://drivepersia.ir/wp-content/uploads/2017/04/Capture.jpg

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

  14. سلام ممنون از این سایت خوبی که دارین .من یه سوال داشتم اگر بخوام منو یی که میسازم ریسپانسیو باشه باید پیکارکنم ؟؟؟؟؟؟

  15. چطوری میشه لینک یه سر منورو جوری تنظیم کرد که وقتی روش کلیک میکنیم به لینک خاصی نره و فقط زیر منوهاش باز بشن .مثلا تو این آموزش شما یه سر منو به اسم طرح نمونه دارید چطوری لینک این طرح نمونه رو قفل کرد که وقتی روش کلیک میشه به هیچ جا لینک داده نشه و فقط زیر منوهاش باز بشن با تشکر

  16. 3 سال عضو همیار وردپرس

    سلام
    زیر منوهای من با فاصله زیاد از منو باز میشود و اینکه از صفحه خارج میشود
    میشه راهنمایی بفرمایید

  17. سلاممنوی قالب من درگوشی نشون داده نمیشود قبلا نشون داده میشد مشکل چیه کدوم قسمت از کد های قالب هستش؟؟

    • 6 سال عضو همیار وردپرس

      سلام
      اول باید ببینیم از چه قالبی استفاده میکنید. برخی قالب ها مانند ویرچو گزینه ای در تنظیمات دارند که می توان منو را در تنظیمات موبایلی فعال یا غیر فعال کرد.

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

  19. 4 سال عضو همیار وردپرس

    سلام ، چرا زیر منو ها باز باز نمیشه ، روش با موس نگه می دارم باز نمیشه ، کلیک میکنم باز نمیشه ، باید گزینه ای فعال بشه ؟

  20. واقعا عالیه .

  21. 4 سال عضو همیار وردپرس

    ببخشید یه سوال دیگه
    این آدرس سایت منه.bigcopy.ir
    میخواستم بدونم میتونم کاری کنم فهرست اصلی سایت وقتی با گوشی داخلش هستم از کنار باز بشه؟
    یعنی مثل زیر منو نباشه؟

  22. 4 سال عضو همیار وردپرس

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

  23. دمتون گرم

  24. سلام بر همیاری های زحمت کش
    یکی خواهشا بگه این سایت از چه منویی استفاده میکنه؟؟
    من اینو میخوام
    http://my1music.ir
    جواب بدید

  25. 4 سال عضو همیار وردپرس

    سلام
    خیلی ممنون

    در مورد این عکس اگه میشه بگید از چه پلاگینی استفاده کرده؟
    خیلی خیلی ممنون

  26. سلام
    من از این افزونه استفاده میکنم
    ولی مشکل اینجاست که وقتی این منو رو توی ابزارک قرار میدیم کار میکنه زیر منوهاش
    ولی وقتی کدشو میزاریم بازم کار میکنه ولی نشون نمیده
    چون اینسپکت گرفتم دیدم کدش اجرا میشه ولی نمایش داده نمیشه
    حتی توی اون قسمت ابزارک ایجاد کردم ولی باز مشکل پابرجاست
    فکر کنم مشکل اون قسمت قالب باشه
    http://school.iust.ac.ir/modcup/

    • 6 سال عضو همیار وردپرس

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

  27. سلام خدمت اساتید محترم

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

    من یه منوی عمودی که آکوردئون باشه برای وردپرس میخوام درست کنم
    شبیه به سایت:
    http://www.nextendweb.com
    تا جایی که میدونم ساختار وردپرس اجازه چنین کاری رو نمیده
    یعنی منو فونت آیکون داشته باشه علامت های بازو بسته شدن داشته باشه و آکوردئون باشه
    برای مثال این تصویر رو تماشا کنید لطفا:
    http://up2www.com/uploads/b4c8Menu.jpg

    – – – – – – – – –
    این افزونه:
    Nextend Accordion Menu
    هم که واسه همون سایت و تصویریه که اسم بردم که رایگان نیست!.یعنی باید آپدیت بشه که تمام امکاناتش فعال بشن
    افزونه های مشابه هم هستن که هیچکدوم به اینصورت کامل نیستن

    لطفا شما راهنمایی کنید که چطور میشه همچین منوهایی با افزونه و یا بدونه افزونه ساخت؟؟؟
    اگه بدون افزونه آموزش بدین خیلی عالی میشه

    باور کنین کل اینترنت رو زیر و رو کردم ولی چیزی پیدا نکردم . امیدوارم شما منو راهنمایی کنید

    واقعا ممنونم

  28. سلام خسته نباشین،ممنون از آموزش خوبتون
    وقتی این منو رو فعال میکنی خودش بالای صفحه نمایش داده نمیشه درسته؟
    در قسمت ابزارک که نوشتین اضافه کنیم آخه در قسمت ستون راست صفحه دیده میشه ولی من میخوام بالای صفحه دیده شه،این کدایی که گفتینو کجا و چه جوری باید اضافه کنم؟

    • 6 سال عضو همیار وردپرس

      سلام
      یا باید از ویجت ها استفاده کنید یا کد کوتاه شده ی < ?php shailan_dropdown_menu(); ?> رو در هر جایی که میخواهید منوها نمایش داده شوند قرار بدید.
      برای اطلاعات بیشتر پیشنهاد میکنم صفحه ی افزونه را ملاحظه کنید

  29. سلام
    من هرکاری میکنم راست چین نمیشه
    منو از سمت چپ میاد و زیرمنو به طرف چپ باز میشه

  30. با عرض سلام و خسته نباشید خدمت مدیریت محترم .. ببخشید که نتونستم فضای مناسبی برای سوالم پیدا کنم اما خیلی گیج شدم ! من یه منویی دارم که بعضی از گزینه هاش زیرمنو داره و بعضی هاش نداره .. من میخوام کنار عنوان اون گزینه هایی که زیرمنو داره یه علامتی قرار بگیره که مشخص باشه که این گزینه دارای زیرمنو میباشد ! دقیقا همانند این وبسایت .. چکار باید کنم ؟ خواهشا پاسخ بدید .. موفق باشید !

  31. با سلام
    تو وردپرس واسه سایتم مگـا منو گذاشتم ولی سوالی ک دارم اینجاست وقتی “مگا ” منو تو سایت باز میشه طوریه ک روی زیر شاخه اصلی قرار میگیره و نمشه زیر شاخه رو خوند” کلا خوشم نمیاد اینجوری باشه 😀
    ایا راه حلی داره که مگا منو مثل منو ساده از زیر بازشه؟؟؟

  32. معضرت یادم رفت بگم کتابخانه دوم ورژن ۱٫۱۱ jquery هست

  33. با سلام
    چون دیدم اینجا بحث داغه منم سوالم رو میپرسم لطفا کمکم کنید.

    من یه اسلایدشو استفاده کردم که از ورژن ۱٫۷ jquery استفاده میکنه
    و میخوام از یه content slider توی همون صفحه استفاده کنم. اما هیچکدوم با هم مچ نمیشن یعنی دو نوع کتابخونه jquery رو توی صفحه لود کردم اما هر دفعه یکیشون از کار میفته، با توجه به اینکه بعضی متودها توی ورژن های کتابخونه حذف میشن مثل .live که شده .on من باید این مواقع چکار کنم.؟ با تشکر

  34. ارور:

    ۵۰۱
    Not Implemented

    The requested method is not implemented by the server.

  35. با سلام و تشکر از معرفی این افزونه خوب
    من نصبش کردم کدش رو هم قرار دادم ولی submenu هاش رو نمایش نمیده
    لطفا راهنمایی بفرمایید

    • 6 سال عضو همیار وردپرس

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

    • من از قالب discover از سایت خودتون دانلود کردم،ساب منو مرتبه بعد رو نشون میده ولی ساب منو مرتبه بعدش قاط میزنه همه ساب منو هارو باهم نشون میده.
      البته از این افزونه استفاده نمیکنم و از خود قالب هست.
      آیا با نصب این مشکلم حل میشه ؟
      سپاس

    • 6 سال عضو همیار وردپرس

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

  36. سلام ، لینک دانلود خراب است .

  37. این سایت رو نگاه کنین انگار اصلا css منو رو فراخوانی نمیکنه

    http://imeneghlimkavir.com

    • 6 سال عضو همیار وردپرس

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

      با احترام

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

    • 6 سال عضو همیار وردپرس

      سلام
      گفتن از چندین کد به جای هم استفاده می شود
      امتحان کنید موردی نباید باشه

      با احترام

    • روی بقیه قالب ها کار میکنه . روی قالبی که خودم دارم طراحی میکنم . کار نمیکنه . چیزی باید به قالب اضافه کنم

    • 6 سال عضو همیار وردپرس

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

      با احترام

  38. سلام من نمیدونم باید چطوری منو رو راست چین کنم لطفا کمکم کنید و اینکه چطوری گزینه های دیگرو به منو اضافه کنم و چیزایی که پیش فرض اومده پاک کنم . لطفا بهم جواب بدید ممنون . 

    • 6 سال عضو همیار وردپرس

      سلام

      از داخل فایل سی اس اس میتونین امکان راست چین و چپ چین بهش بدید
      برای اینکه راحت کار خودتون رو پیش ببرید میتونید از سایت w3schools استفاده کنید

      با احترام

    • 5 سال عضو همیار وردپرس

      سلام
      خسته نباشید!
      میشه در مورد نحوه راست چین کردن گزینه های منو بیشتر توضیح بدید؟
      منظورم اینه که گزینه «خانه» که باید اولین گزینه از سمت راست باشه ، آخرین گزینه قرار گرفته و توی تنظیمات خود افزونه هم گزینه ای در این رابطه پیدا نکردم…

    • 6 سال عضو همیار وردپرس

      سلام
      برای اینکار باید به برگه هایی که در منو چیدین شماره بدین
      مثلا خانه شماره ۰ ، بعدی ۱ و به همین ترتیب
      دقیقا کاری که در فهرست ها انجام میدید

    • خیلی ممنونم 🙂

  39. ممکنه بیشتر توضیح بدید که کجای کار اشتباهه من فایل رو گرفتم از همین سایت و در هنگام نصب موردی نداره بعد که کلیک روی فعال سازی رو میزنم میگه شما مجوز کافی برای دسترسی به‌این برگه را ندارید.
    ممنون اگه راهنمایی کنید یک مقداری ابتدایی تر 🙂

  40. سلام من منو رو بر روی وردپرس 3.8 نصب کردم و زمانی که میخوام وارد تنظیمات بشم خطای شما مجوز ندارید ……
    ظاهر میشه در صورت امکان راهنمایی بفرمایید باتشکر

    • 6 سال عضو همیار وردپرس

      سلام
      دوست عزیز من احتمال میدم شما توی قرار دادن این برنامه توی widget مشکل دارید ، اگه دقیقاً بنا به دستور کار انجام بدید هیچ مسئله نیست و ربطی هم به ورژن وردپرس نداره

      با احترام

  41. هیچ افزونه ای ندارم
    منو رو درست میکنه
    ولی میترسم بین کار مشکل ساز شه؟؟؟!!!1

  42. سلام
    این خطا چیه….وقتی افزونه فعال میشه..این خطا رو میده
    خطای RSS: A feed could not be found at http://feeds.feedburner.com/shailan. A feed with an invalid mime type may fall victim to this error, or SimplePie was unable to auto-discover it.. Use force_feed() if you are certain this URL is a real feed.

    • 6 سال عضو همیار وردپرس

      تداخل با یکی از افزونه هاتون داره
      غیر فعال کنید افزونه ی feedburner ببینید چطور میشه

      با احترام

    • 6 سال عضو همیار وردپرس

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

      با احترام

  43. خوب من همین رو میخواستم بدونم که چطوری و چه گزینه هایی رو باید بذارم کجا تا منو های خودم رو نشون بده
    برای همین هم چند تا گزینه براتون گذاشم و ازتون خواستم که اگر ممکنه رو این گزینه ها یک مثال کدی بنویسید
    ممنون میشم

  44. سلام
    من چطور می تونم با استفاده از این منو ولی گزینه های دلخواه خودم منورو بذارم
    میدونم که چهارمین کد میروط به همین سوال هست ولی گزینه هاش رو باید کجا بذارم
    ممنون میشم همون کد رو با مثال واقعی برام بنویسید:
    گزینه ها برای مثال:
    خانه – تماس با ما – درباره ما – تعرفه – استخدام

    ممنون

  45. سلام علی اقا … ببخشید سوالم در مورد مبحث نیست ولی خواهش میکنم جواب بدید .. سوالم اینکه من میخواهم در وردپرس یه برگه رو با قالبی جدا به عنوان صفحه اصلی سایت قرار بدم و توش 3 تا مطلب بخش بلاگ رو توش انتشار بدم که اسنایل هاش با بخش خود بلاگ سایت متفاوت باشه .. اگه راهنماییم کنید ممنون میشم

  46. ممنون
    اما من هر کاری کردم راست چین نشد! (مثل نمونه ای که گذاشتید)
    ممنون میشم راهنمایی بفرمایید.

  47. سلام. ممنون از معرفی این افزونه خوب.
    من دانلود و نصب کردم و تنظیماتش رو هم انجاو دادم. اما فعال نشد برام. می تونید برید تو سایت و ببینید. همون فهرست قبلی اون بالا وجود داره.
    من کد نویسیم زیاد خوب نیس، پس ترجیح دادم از همون روش اول استفاده کنم. اگه بخوام از اون کد عمومی استفاده کنم، دقیقا باید تو کدوم قسمت قالب به کار ببرمش؟
    لطفا جواب بدین 🙂
    http://www.mahbaran.ir

  48. بی نظیر بود.

  49. مشکل حل شد علی اقا اگه تونستی اطلاع رسانی کن تا حالا تو هیچ سایت فارسی مشکل اپدیت جاکوئری مطرح نشده واسه دوستانی که که این مشکل رو دارن
    با نصب این افزونه به راحتی اپدیت میشه و مشکل رفع میشه
    http://wordpress.org/plugins/jquery-updater/

  50. دیگه فقط مونده یه پرس چلو کباب همراه وردپرس بیاد درخونتون:ی خسته نباشی علی اقا راست میگه سیاره با مشکل روبرو شده البته امیدوارم مشکلی برای اقای گناهکار به وجود نیامده باشه / راستی یه مشکلی دارم از وقتی به 3.71 ارتقا دادم وقتی مطالب یا صفحه اصلی رو باز میکنم یا وارد پیشخوان میشم این ارور رو میده و تا روش کلیک نکم اجازه لود صفحه رو نمیده blockUI requires jQuery v1.2.3 or later! You are using v1.10.2
    حالا به نظرت چطوری باید از ورژن جدید جاکوئری استفاده کنم؟

  51. NiCE

  52. سلام آیا دموی آنلاین نداره این افزونه؟؟

  53. سلام دادا
    بازم گل کاشتی با معرفی این پلاگین
    دمت گرم
    آقا یه مدتیه یه مشکلی تو وردپرس هست اونم اینه که توی پیشخوان لینکهایی که از طریق سیاره منتشر میشه روش که کلیک میکنم و وارد بخش سیاره وردپرس فارسی میشه میگه لینک مورد نظر پیدا نشد.
    خیلی وقته این مورد هست
    از سمت شماست ایراد یا از خود wp-persian ؟

مطالب زیر را حتما بخوانید

دوره‌های آموزشی