نحوه اضافه کردن مگامنو به وردپرس با Max Mega Menu

megamenu-اضافه کردن مگامنو به وردپرس

سلام دوستان؛
تقریبا بیشتر دوستان وردپرسی با مگامنو آشنا هستند زیرا بسیاری از قالب‌های حرفه‌ای با کمک آن فهرست‌های خود را می‌سازند.
قبلا با یکی از افزونه‌های حرفه‌ای توانستیم امکان ساخت مگامنو در وردپرس را به شما آموزش دهیم اما امروز میخواهیم برای اضافه کردن مگامنو به وردپرس از یک افزونه جالب دیگر استفاده کنیم.
مگامنوها این امکان را به شما می‌دهند تا تعداد زیادی محتوا مانند عکس، فیلم و … را در منوهای کشویی در قسمت فهرست سایت خود اضافه کنید. حال اگر موافق باشید با هم به ادامه مطلب برویم و فرآیند عملکرد افزونه Max Mega Menu را مشاهده کنیم.

اضافه کردن مگامنو به وردپرس

چرا از مگامنو استفاده می‌کنیم؟
مگامنو‌ها برای سایت‌هایی که محتوای زیادی دارند، بسیار مفید هستند. به صاحبان وبسایت این اجازه را می‌دهند تا موارد بیشتری را در منوی اصلی سایت خود نمایش دهند. وبسایت‌های محبوب مانند دیجی‌کالا و بامیلو برای منوهای جذاب و تعاملی خود از اضافه کردن مگامنو به وردپرس استفاده می‌کنند. برای نمونه به تصویر زیر توجه کنید:

sample mega menu-اضافه کردن مگامنو به وردپرس

این در حالی است که در وردپرس به طور پیش‌فرض امکان اضافه کردن منو های کشویی و کناری و حتی اضافه کردن تصویر در منو وجود دارد اما گاهی شما نیاز به یک اضافه کردن مگامنو به وردپرس دارید. بیش از این شما را معطل نمی‌کنیم و به سراغ آموزش می‌رویم…

نصب مگامنو در وردپرس با Max Mega Menu

اولین کاری که باید انجام دهید این است که افزونهMax Mega Menu  را نصب و فعال کنید. این افزونه، بهترین افزونه رایگان نصب مگامنو در وردپرس با Max Mega Menu موجود در فروشگاه‌ها است. برای جزئیات بیشتر، آموزش گام به گام نصب افزونه را ببینید.
بعد از فعال‌سازی افزونه، یک گزینه جدید به نام مگامنو به پنل مدیریتی سایت شما اضافه می‌شود، با کلیک بر روی آن به صفحه تنظیمات افزونه منتقل می‌شوید .

مگامنو-نصب مگامنو در وردپرس با Max Mega Menu

تنظیمات پیش‌فرض برای اکثر سایت‌ها کار می‌کند. با این حال شما نیاز دارید تا رنگ مگامنو را تغییر دهید به طوری که رنگ آن مطابق با رنگ منوی سایت وردپرسی شما شود. برای پیدا کردن رنگی که در منوی پوسته شما استفاده می‌شود ، می‌توانید از  ابزار inspect element مرورگر خود استفاده کنید.

inspect elemnt-نصب مگامنو در وردپرس با Max Mega Menu

هنگامی که کد رنگ را به صورت هگز (#ffffff) پیدا کردید آنرا برای استفاده‌های بعدی در یک فایل متنی ذخیره کنید، سپس به صفحه تنظیمات مگامنو رفته و بر روی گزینه پوسته منو کلیک کنید و سپس بر روی نوار‌ منو کلیک کنید.

پوسته منو-نصب مگامنو در وردپرس با Max Mega Menu

در این قسمت می‌توانید رنگ پس‌زمینه‌ای را که با نصب مگامنو در وردپرس استفاده می‌کند با رنگ منوی سایت خود منطبق کنید، فراموش نکنید که برای ذخیره تغییرات بر روی دکمه ذخیره تغییرات کلیک کنید. حال نوبت به ساخت مگامنو می‌رسد.

ساخت مگامنو

ابتدا شما نیاز دارید تا به صفحه نمایش فهرست‌ها بروید و موارد سطح اول را به منوی بالایی خود اضافه کنید، برای جزیيات بیشتر و آموزش ساختن فهرست آموزش ساخت فهرست برای مبتدیان ما را ببینید.
بعد در صفحه فهرست با تیک زدن گزینه فعال در قسمت تنظیمات نصب مگامنو در وردپرس آن را فعال کنید.

فهرست ها -نصب مگامنو در وردپرس

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

widgets-نصب مگامنو در وردپرس

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

result menu-نصب مگامنو در وردپرس

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

دانلود افزونه Max Mega Menu

دانلود افزونه  صفحه افزونه

دانلود نسخه حرفه ای

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

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

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

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

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

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

    خیلی عالی بود ممنون
    takmilit.ir

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

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

    لطفا این منو به محل موضوع اختصاص به فعال کردن تنظیمات مگا منو.
    To assign this menu to a theme location, scroll to the bottom of this page and tag the menu to a ‘Display location’.

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

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

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

    چجوری میتونم این منو رو ریسپانسیو کنم؟(در سایز موبایل آیتم ها ی منو نمایش داده نمیشوند)

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

    با تشکر از راهنمایی های استاد عزیز
    http://www.mobazar.ir

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

    دوستان، اگر همچنان مشکل راستچین کردن رو داشتید، این کد Custom Styleتون اضافی کنید حتماً مشکل برطرف می‌شه. لینک:

    pastes.in/prOYmHXrKT

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

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

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

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

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

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

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

    سلام
    چطور میه اسم منو را عوض کرد
    در نسخه موبایل برا منو اسم میزاره : MENU

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

    درود
    میشه برای راست‌چین شدن اجزاء منو مفصل‌تر توضیح بدین؟
    با اضافه کردن
    } #mega-menu-primary
    text-align: right !important;
    {
    هیچ اتفاقی نیفتاد

    • برید قسمت
      wp-content\uploads\maxmegamenu
      فایل style.css را باز کنید

      دنبال

      #mega-menu-wrap-primary #mega-menu-primary {

      visibility: visible;
      text-align: left;
      padding: 0px 0px 0px 0px;

      بگردید ..
      بعد فقط کلمه left را پاک کنید بجاش بنویسید right …
      تمام !!

  11. دوستانی که مشکل چپ چین دارن این کد رو به استایلشون اضاف کنن
    #mega-menu-primary}
    text-align: right !important;
    {

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

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

  13. سلام من افزونه رو نصب میکنم ولی تو تنظیمات فهرست مگامنو نماد آچار رو نداره
    میتونید راهنمایی کنید؟؟

  14. سلام وقت بخیر
    من نصب کردم و چیدمان رو انجام دادم ولی با دو تا مسئله روبرو شدم
    ۱.منو اصلی کل صفحه اصلی رو نمیگیره .
    ۲.منوها از چپ نوشته شده و برخی از آیتم ها در دو خط زیر هم نوشته میشه

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

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

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