محتوانوشته

مگامنو به منوهایی گفته میشه که معمولا در سایت های بزرگ بصورت منوی بازشو و زیبا خود را برای کابران نشان می دهد. در واقع منو هایی که بوسیله ی اون میتونید مانند سایت های بزرگ و همچنین قالب های تجاری ، منویی همراه با زیبایی و جذابیت خاص به خود به نمایش درآورد. در مگامنو ها شما قادر خواهید بود ; منوهایتان را همراه با بک گراند ، آیکون و تصویر کناری به نمایش در آورید . اما نکته جالب توجه برای مگامو ها این است که معمولا برای ایجاد یه منوی ذکر شده با هزینه ای را پرداخت کنید و افزونه مربوطه را دریافت نمایید ، ولی ما به شما افزونه منو ساز وردپرس مگامنو رایگان WR megamenu رو پیشنهاد میکنیم…

در زمینه طراحی منوی ناوبری و فهرست ریسپانسیو، افزونه Slick Menu نیز از گزینه‌هایی است که بررسی امکانات آن می‌تواند مفید باشد.

در کنار روش‌های این آموزش، Iks Menu Pro برای ساخت منوی چندسطحی و آکاردئونی برای ناوبری سایت قابل بررسی است. امکانات آن را با ساختار سایت تطبیق دهید.

اگر به راهکاری برای «طراحی تب و منوی شناور سایت» نیاز دارید، می‌توان منوساز UberMenu را از نظر امکانات مرتبط و محدودیت‌ها ارزیابی کرد.

banner-772x250(1)

افزونه وردپرس رایگان مگامنو WR megamenu | نوین وردپرس

برای آغاز کار ابتدا این افزونه رو دانلود و نصب و فعال کنید.

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

در موضوع «طراحی منوها و ناوبری شناور»، می‌توان کاربرد افزونه Float Menu Pro را نیز بررسی کرد و با روش معرفی‌شده در این مطلب مقایسه کرد.

برای موضوع «نمایش عناصر شناور و چسبنده در صفحات»، افزونه Advanced Floating Content را می‌توان با راهکارهای این آموزش مقایسه کرد؛ امکانات و سازگاری آن نیاز به بررسی دارد.

برای موضوع «نمایش عناصر شناور و چسبنده در صفحات»، افزونه myStickyElements را می‌توان با راهکارهای این آموزش مقایسه کرد؛ امکانات و سازگاری آن نیاز به بررسی دارد.

برای پیاده‌سازی «طراحی تب و منوی شناور سایت»، Groovy Menu را می‌توان با دیگر راهکارهای معرفی‌شده مقایسه کرد.

سپس در قسمت پیشخوان قسمت WR megamenu ایجاد شده ، پس روی گزینه Add New کلیک کنید.(صحفه زیر)

megamenu1

در قسمت اول عنوان منوی خود رو انتخاب کنید.

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

حالا گزینه ” انتشار” سمت چپ را بزنید.

در باکس صحفه میتونید عنوان منویی که برای تغییر به مگامنو انتخاب کرده اید رو ببنید.

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

بخش اول: Menu Bar

  • عمودی یا افقی بودن منو
  • چسبیدن منو به بالای صحفه
  • فونت منو
  • تغییر رنگ هاور و بک گراند
  • انتخاب قرار گیری منو به سه صورت : فقط متن یا فقط آیکون و یا هم آیکون هم متن [ پیشنهاد: هر دو با هم کنارهم ]
  • انتخاب محل قرار گیری آیکون ( در بالا یا کنار متن) – [ در کنار بهتر نمایش داده میشود.]
  • سایز آیکون

بخش دوم:  Submenu Panel

  • نحوه نمایش اشاگر در کنار منو
  • رنگ اشاگر و متن
  • و فونت را تغییر دهید.

در نهایت save رو بزنید…

برای انجام تغییرات هر گزینه از منو رو اون کلیک کنید، مثلا ما روی ” قالب های ویژه ” سایتون کلیک میکنم:

  • در استایل کلی که منو رو نمایش میده دکمه سبز رنگ turn ON MegaMenu رو بزنید و مگامنو برای اونو انتخاب کنید.
  • بر روی add element کلیک کنید.
  • حالا سه حالت روبه روی شماست:
  1. seb menu
  • ساب منو رو انتخاب کنید.
  • در صحفه بوجود اومده شما میتونید از قسمت Content گزینه all یا Custom میتوانید انتخاب کنید.
  • پس از انتخاب زیر منو ها میتوانید گزینه save رو بفشارید و تغییرات رو ببنید.

۲٫ image

  • image رو انتخاب کنید.
  • در صحفه مذکور میتوانید تصویر مورد نظر را انتخاب کنید.
  • تصویر را میتوانید ویرایش کنید( از تب contect و تب دیگر)
  • گزینه save رو بفشارید و تغییرات رو ببنید.

۳٫ Text

  • گزینه بعدی ما هست که میتونید متن مورد نظرتون رو وارد کنید.
  • عنوان و متن تکست خودتون رو ویرایش کنید.

حالا مگامنوی شما با موفقعیت ساخته شد.( توجه برای زیبایی بیشتر حتما از این سه مورد بصورت دو مورد یا سه مورد استفاده نمایید.)

نکته پایانی: شما در بخش انتخاب سه گزینه بالا میتونید سبک مگامنو رو از حالت پیشفرض standard elements به حالت wigets تغییر بدید و ابزارک مورد نظر خودتون به صورت مامنو در سایتتان به نمایش دربیاورید.

 

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

 پیشنهاد خرید: افزونه منو برای وردپرس

نظراتمقاله

مهدی

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

طراحی سایت

خیلی ممنونم از زحماتتون

فاطی

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

حسین

سلام. بنده هر کاری میکنم گزینه ی turn ON MegaMenu فعال نمیشه و گوشه صفحه زمانی که ماوس رو ای کلمه است ، مینویسه javascrip:(void). مشکل از چیه؟ لطفا راهنمایی کنید

amin

چرا منو رو توی موبایل نشون نمیده

amin

سلام میخواستم بدونم این افزونه ریسپانسیوه؟ قابلیت نمایش در موبایل رو داره؟

masoud

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

مهدی

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

رویا مفاخر

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

با تشکر

طراحی سایت

خیلی ممنونم از زحماتتون

فاطی

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

سام فرخ نژاد

سلام
مشکل از کدنویسی قالب است که منو بصورت کامل rtl نشده است ، با پشتیبان قالب خود در ارتباط باشید.

حسین

سلام. بنده هر کاری میکنم گزینه ی turn ON MegaMenu فعال نمیشه و گوشه صفحه زمانی که ماوس رو ای کلمه است ، مینویسه javascrip:(void). مشکل از چیه؟ لطفا راهنمایی کنید

سام فرخ نژاد

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

amin

چرا منو رو توی موبایل نشون نمیده

نوین وردپرس

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

amin

سلام میخواستم بدونم این افزونه ریسپانسیوه؟ قابلیت نمایش در موبایل رو داره؟

نوین وردپرس

بله داره

masoud

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

نوین وردپرس

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

بیشتر بخوانید ازاین نویسنده