آموزش ساخت مگامنو دیجی کالا با المنتور (ویدیوی آموزشی)

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

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

مراحل ساخت مگا منو با المنتور

1. فعال‌سازی ویژگی‌های لازم در المنتور

ابتدا باید مطمئن شوید که ویژگی‌های آزمایشی موردنیاز فعال شده‌اند. برای این کار:

1. وارد پیشخوان وردپرس شوید.
2. از منوی سمت راست به مسیر المنتور > تنظیمات > آزمایشگاه (Experiments) بروید.
3. گزینه‌های زیر را فعال کنید:
   • کانتینر فلکس باکس: برای ایجاد ساختار منعطف.
   • عناصر تو در تو: برای ایجاد عناصر تو در تو.
   • ویجت منو: برای اضافه کردن ویجت منو.

2. ایجاد هدر جدید با Theme Builder

1. به مسیر المنتور > قالب‌ساز (Theme Builder) بروید.
2. روی اضافه کردن جدید (Add New) کلیک کنید و گزینه هدر (Header) را انتخاب کنید.
3. یک نام برای هدر خود بگذارید، مثلاً “هدر مگامنو دیجی‌کالا”، و روی ایجاد قالب (Create Template) کلیک کنید.

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

3. اضافه کردن ویجت Menu به هدر

در محیط طراحی، ویجت Menu را پیدا کنید و آن را به کانتینر هدر بکشید.

در تنظیمات ویجت، گزینه‌های زیر را تنظیم کنید:

سبک منو (Style): رنگ‌ها، فونت‌ها، و اندازه منو را شبیه دیجی‌کالا طراحی کنید.

افزودن آیتم‌ها (Menu Items): آیتم‌های اصلی مثل “دیجیتال”، “خانه و آشپزخانه”، و غیره را اضافه کنید.

4. تبدیل منو به مگامنو

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

1. در تنظیمات Menu، روی هر آیتم کلیک کنید.
2. گزینه Dropdown Content را فعال کنید.
3. یک ناحیه جدید زیر هر آیتم باز می‌شود. در این ناحیه می‌توانید محتوا اضافه کنید:
   • عکس‌ها و آیکون‌ها: برای نمایش دسته‌بندی‌ها.
   • لینک‌ها: به صفحات یا محصولات خاص.
   • متن توضیحی: توضیحات کوتاه برای هر دسته.

5. اضافه کردن دسته‌بندی‌های سایت شما

برای ایجاد دسته‌بندی‌های مشابه دیجی‌کالا:

1. یک کانتینر جدید در زیر هر آیتم باز کنید.
2. از ویجت‌های مختلف مثل تصویر ، متن (Text)، و لینک دکمه‌ای استفاده کنید.
3. دسته‌بندی‌های مختلف را با زیرمجموعه‌ها نمایش دهید. مثلاً:
   • “کالای دیجیتال” شامل موبایل، لپ‌تاپ، و تبلت.
   • “مد و پوشاک” شامل لباس مردانه، زنانه، و بچه‌گانه.

6. پیش‌نمایش و تست مگامنو

1. روی دکمه پیش‌نمایش کلیک کنید.
2. مگامنوی ساخته‌شده را بررسی کنید و مطمئن شوید که دسته‌بندی‌ها به درستی نمایش داده می‌شوند.
3. در صورت نیاز، طراحی را بهینه کنید.

نکات مهم در طراحی مگامنو

• استفاده از رنگ‌های مناسب: رنگ‌هایی انتخاب کنید که با برند شما همخوانی داشته باشند.
• طراحی واکنش‌گرا: اطمینان حاصل کنید که مگامنو در موبایل و تبلت به خوبی نمایش داده شود.
• سرعت بارگذاری: از تصاویر بهینه‌شده استفاده کنید تا سرعت بارگذاری سایت تحت تأثیر قرار نگیرد.

نتیجه گیری

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

دانلود مگامنو دیجی کالا (فایل آماده)

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

دانلود مگامنو دیجی کالا