ساخت مگامنو در قالب آسترا

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

مگامنو در قالب آسترا

قالب Astra یکی از محبوب‌ترین قالب‌های وردپرس است که به دلیل سرعت بالا، انعطاف‌پذیری و سازگاری با صفحه‌سازهای مختلف، در بین طراحان وب جایگاه ویژه‌ای دارد. یکی از قابلیت‌هایی که در طراحی سایت‌های بزرگ، فروشگاه‌های اینترنتی و وب‌سایت‌های خبری کاربرد فراوانی دارد، مگامنو (Mega Menu) است. در این مقاله قصد داریم نحوه‌ی ساخت مگامنو در قالب Astra را مرحله به مرحله آموزش دهیم.

مگامنو چیست و چه کاربردی دارد؟

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

پیش‌نیازها

• نصب قالب Astra
• نصب افزونه Elementor یا Beaver Builder (در صورت نیاز به طراحی سفارشی)
• نصب افزونه Astra Pro (ارائه شده در یونی آسترا برای دسترسی به ویژگی‌های مگامنو در تنظیمات پیشرفته)

مراحل ساخت مگامنو در قالب آسترا Astra

1. نصب و فعال‌سازی افزونه Astra Pro

1. وارد پیشخوان وردپرس شوید.
2. از مسیر افزونه‌ها > افزودن، فایل افزونه Astra Pro را آپلود و نصب کنید. (این افزونه در یونی آسترا ارائه شده است.)
3. افزونه را فعال نمایید.
4. به مسیر Astra > Module Settings رفته و گزینه‌ی Nav Menu را فعال کنید.

2. ایجاد ساختار منو در وردپرس

1. از مسیر نمایش > فهرست‌ها وارد بخش مدیریت منو شوید.
2. یک فهرست جدید ایجاد کرده یا فهرست موجود را ویرایش کنید.
3. آیتم‌های مورد نظر خود (صفحات، نوشته‌ها، دسته‌ها و…) را به منو اضافه کنید.
4. برای آیتم‌هایی که قرار است به‌صورت مگامنو نمایش داده شوند، زیرمنوها را نیز اضافه و مرتب‌سازی کنید.

3. فعال‌سازی مگامنو برای یک آیتم خاص

1. روی آیتم اصلی (مثلاً «محصولات») کلیک کنید تا تنظیمات آن باز شود.
2. در بخش تنظیمات، گزینه‌ای با عنوان Enable Mega Menu (فعال‌سازی مگامنو) را تیک بزنید.
3. تعداد ستون‌ها (۲ تا ۶) و نحوه‌ی تراز نمایش را مشخص کنید.

4. طراحی مگامنو با Elementor (اختیاری)

1. از مسیر المان‌ها > قالب‌ها یک قالب جدید برای مگامنو ایجاد کنید.
2. با استفاده از صفحه‌ساز Elementor، بخش‌های دلخواه خود را طراحی نمایید.
3. پس از طراحی، کد کوتاه (Shortcode) آن قالب را در تنظیمات مگامنو وارد کنید.

5. تنظیمات نهایی و بررسی نمایش مگامنو

1. پس از اعمال تغییرات، روی دکمه ذخیره فهرست کلیک کنید.
2. به سایت خود مراجعه کرده و عملکرد مگامنو را بررسی نمایید.
3. در صورت نیاز، تنظیمات رنگ، فاصله، فونت و افکت‌های نمایشی را از مسیر سفارشی‌سازی > Header > Primary Menu تنظیم کنید.

نکات مهم

• استفاده بیش از حد از مگامنو ممکن است تجربه کاربری را پیچیده و سرعت سایت را کاهش دهد.
• طراحی مگامنو باید با اصول UI/UX و واکنش‌گرایی (Responsive) سازگار باشد.
• برای نسخه موبایل، استفاده از منوی ساده‌تر یا همبرگری پیشنهاد می‌شود.

جمع‌بندی

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