021

حتی ایام تعطیل – 8 صبح الی 20

آموزش ساخت مگامنو با المنتور | مگامنو ساده و حرفه ای

ساخت مگامنو

آموزش کامل ساخت مگامنو با المنتور 

اگر قصد دارید یک منوی حرفه‌ای، چندستونه و زیبا برای سایت وردپرسی خود بسازید، ساخت مگامنو با المنتور بهترین انتخاب است. زیرا المنتور امکانات قدرتمند و سیستم طراحی جدید خود (کانتینر – Flexbox) را ارائه می‌دهد و به شما اجازه می‌دهد بدون دانش برنامه‌نویسی یک مگامنو حرفه‌ای، ریسپانسیو و قابل مدیریت طراحی کنید.

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

ثبت نام در دوره وردپرس پیشرفته با تخفیف ویژه

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

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

فعال‌سازی قابلیت‌های ضروری برای ساخت مگامنو

ساخت مگامنو زمانی امکان‌پذیر است که برخی امکانات مهم در المنتور فعال باشند. به همین دلیل، ابتدا ویژگی‌های زیر را روشن کنید.

ساخت مگامنو

مراحل فعال‌سازی

  1. ورود به پیشخوان وردپرس. سپس به المنتور > ویژگی‌ها (Features) بروید.
  2. سه قابلیت زیر را فعال کنید:
    • Menu (برای ساخت مگامنو و ویجت هدر)
    • Nested Elements (عناصر تو در تو)
    • Container (سیستم طراحی جدید)
  3. در نهایت، روی ذخیره تغییرات کلیک کنید.

با این کار، المنتور آماده ساخت مگامنو حرفه‌ای می‌شود و شما می‌توانید مراحل بعدی را به راحتی ادامه دهید.

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

اکنون که قابلیت‌ها فعال شده‌اند، باید منو را داخل هدر قرار دهیم. بنابراین، وارد Theme Builder شوید و هدر سایت را برای ویرایش باز کنید.

تنظیمات المنتور

افزودن ویجت Menu

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

تنظیم لینک‌ها

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

تبدیل یک آیتم منو به مگامنو

در این مرحله، یکی از آیتم‌های منو مانند «دسته‌بندی محصولات» را به مگامنو تبدیل می‌کنیم.

روشن کردن محتوای کشویی در مگامنو المنتوری

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

برای این کار، روی آیتم موردنظر کلیک کنید و به بخش Layout بروید. سپس گزینه Dropdown Content را روشن کنید.
همزمان با این کار، یک فلش کوچک کنار آیتم ظاهر می‌شود. بنابراین، می‌توانید مطمئن شوید که این آیتم اکنون قابلیت تبدیل به مگامنو حرفه‌ای را دارد.

انتخاب آیکون برای آیتم مگامنو

اضافه کردن آیکون باعث می‌شود منو حرفه‌ای‌تر و قابل فهم‌تر باشد. به همین دلیل، این مرحله بسیار مهم است.

مراحل انتخاب آیکون

ابتدا وارد بخش آیکون‌ها شوید و سپس از Icon Library، آیکونی مناسب مثل «سه خط» یا «دسته‌بندی‌ها» انتخاب کنید. به این ترتیب، ظاهر منو جذاب‌تر خواهد شد و کاربران راحت‌تر می‌توانند گزینه‌ها را تشخیص دهند.

ساخت محتوای داخلی مگامنو حرفه‌ای

حال زمان طراحی محتوای داخل مگامنو است. این بخش مهم‌ترین قسمت ساخت محسوب می‌شود.

ساخت محتوای داخلی مگامنو حرفه‌ای

ایجاد ردیف اصلی

ابتدا یک کانتینر تک‌ستونه ایجاد کنید که فضای اصلی مگامنو خواهد بود.

استفاده از ویجت Tabs برای ساخت دسته‌بندی

ویجت Tabs کمک می‌کند مگامنو چندبخشی و حرفه‌ای داشته باشید.
برای این کار، عنوان‌های مناسب مثل «موبایل»، «لپ‌تاپ»، «ساعت هوشمند»، «لوازم جانبی» و «برندها» را وارد کنید.

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

در هر تب یک کانتینر ۴ ستون ایجاد کنید. سپس در ستون اول از ویجت Heading و در ستون‌های دیگر از Icon List استفاده کنید.
به علاوه، لینک‌ها و آیکون‌ها را مطابق نیاز اضافه کنید.

طراحی بصری و ریسپانسیو کردن مگامنو

برای موبایل، ستون‌ها را عمودی کنید، فاصله‌ها را تنظیم کنید و فونت‌ها را مناسب تغییر دهید.
علاوه بر این، رنگ‌بندی و سایه مناسب باعث افزایش جذابیت و خوانایی منو می‌شود.

نکات مهم برای ساخت مگامنو موفق

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

نکات کلیدی

  • از شلوغی بیش از حد پرهیز کنید
  • رنگ‌ها را متعادل انتخاب کنید
  • ستون‌ها و عنوان‌ها واضح و قابل فهم باشند
  • آیتم‌های مهم را در موقعیت مناسب قرار دهید

به علاوه، رعایت این نکات باعث می‌شود کاربران راحت‌تر به منو دسترسی داشته باشند و تجربه کاربری بهینه شود.

نتیجه‌گیری: آیا ساخت مگامنو ارزش دارد؟

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

درخواست مشاوره

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

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


سؤالات متداول درباره ساخت مگامنو با المنتور

آیا ساخت مگامنو نیاز به المنتور پرو دارد؟

بله، ویجت‌های حرفه‌ای منو و قابلیت‌های پیشرفته فقط در نسخه Pro فعال هستند.

 آیا مگامنو در موبایل به خوبی نمایش داده می‌شود؟

بله، با تنظیم ریسپانسیو ستون‌ها و فونت‌ها می‌توان مگامنو را به‌صورت عمودی و مرتب نمایش داد.

آیا بدون کدنویسی می‌توان مگامنو ساخت؟

کاملاً. المنتور تمام ابزارهای لازم را بدون نیاز به کدنویسی ارائه می‌دهد

 

دوره های پیشنهادی

مطالب زیر را حتما مطالعه کنید

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

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

دریافت دوره رایگان طراحی سایت