ساخت مگامنو در وردپرس؛ معرفی روش‌های جدید و قالب اهورا

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

نسخه قدیمی این مقاله روش کار با افزونه Mega Menu by WooRockets رو توضیح می‌داد. برای یک سایت تازه، بهتره مگامنو رو با یک راهکار فعلی مثل قالب وردپرس اهورا، Max Mega Menu یا UberMenu بسازید. توی ادامه، هر مسیر رو خیلی ساده معرفی می‌کنیم و مسیر اصلی آموزش رو به اهورا اختصاص می‌دیم.

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

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

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

روش‌های فعلی ساخت مگامنو در وردپرس

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

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

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

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

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

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

مرحله اول: ساختار منو رو آماده کنید

اول باید مشخص کنید چه لینک‌هایی داخل منو دیده بشن. اگه قالب کلاسیک دارید، وارد پیشخوان وردپرس بشید و از بخش «نمایش ← فهرست‌ها» یک فهرست بسازید. برگه‌ها، دسته‌ها یا پیوندهای دلخواه رو به فهرست اضافه کنید و با کمی جابه‌جایی، زیرمنوها رو زیر گزینه اصلی قرار بدید. آموزش ساخت منو در وردپرس این مرحله رو با جزئیات بیشتری توضیح می‌ده.

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

اگه گزینه «فهرست‌ها» رو نمی‌بینید، احتمالاً سایتتون از ویرایشگر سایت و بلوک ناوبری استفاده می‌کنه. بلوک ناوبری همون ابزاریه که لینک‌های منو رو داخل قالب‌های بلوکی مدیریت می‌کنه. در این حالت، از «نمایش ← ویرایشگر» وارد بخش هدر یا ناوبری بشید و لینک‌ها رو همون‌جا بچینید.

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

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

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

مرحله سوم: محتوای مگامنو رو بچینید

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

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

می‌تونید کنار لینک‌ها از آیکن یا یک تصویر کوچک هم استفاده کنید، ولی زیاده‌روی نکنید. هدف اصلی مگامنو هدایت سریع کاربره. تصویرهای بزرگ، متن‌های طولانی و چند دکمه رنگی معمولاً تمرکز کاربر رو از بین می‌برن.

مرحله چهارم: عرض و ظاهر مگامنو رو تنظیم کنید

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

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

مرحله پنجم: نسخه موبایل رو جدا بررسی کنید

مگامنوی دسکتاپ معمولاً برای صفحه موبایل زیادی عریضه. در حالت واکنش‌گرا یا Responsive، یعنی حالتی که طراحی با اندازه صفحه هماهنگ می‌شه، منو باید به شکل جمع‌شونده نمایش داده بشه. پیش‌نمایش موبایل المنتور رو باز کنید و مطمئن بشید زیرمنوها با لمس باز می‌شن.

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

ساخت مگامنو با Max Mega Menu

اگه قالب فعلیتون ابزار مگامنو نداره، Max Mega Menu می‌تونه فهرست معمولی وردپرس رو به یک مگامنوی چندستونه تبدیل کنه. بعد از نصب و فعال‌کردن افزونه، باید مگامنو رو برای جایگاه منوی موردنظر روشن کنید. جایگاه منو همون بخشی مثل «منوی اصلی» یا «هدر» هست که قالب برای نمایش فهرست در نظر گرفته.

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

ساخت مگامنو با UberMenu

UberMenu یک افزونه تجاریه و نسخه رایگان اون داخل مخزن وردپرس پیدا نمی‌شه. برای استفاده ازش باید افزونه رو از منبع رسمی تهیه کنید و فایل ZIP دریافتی رو از مسیر «افزونه‌ها ← افزودن افزونه تازه ← بارگذاری افزونه» روی سایتتون نصب کنید.

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

امکانات زیاد همیشه به معنی انتخاب بهتر نیست. اگه فقط یک منوی چندستونه ساده می‌خواید، امکانات اهورا یا Max Mega Menu احتمالاً کارتون رو راه می‌اندازه. برای دیدن مسیر تنظیم این افزونه می‌تونید آموزش ساخت مگامنو با UberMenu رو بخونید.

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

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

جمع‌بندی

برای ساخت مگامنو در وردپرس، اول امکانات قالب رو بررسی کنید. اگه از اهورا استفاده می‌کنید، طراحی هدر با المنتور مسیر هماهنگ‌تری برای سایتتون می‌سازه. اگه قالب ابزار لازم رو نداره، Max Mega Menu گزینه ساده‌تریه و UberMenu هم تنظیمات پیشرفته‌تری در اختیارتون می‌ذاره.

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

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

تیم تولید محتوا

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