خلاصه این صفحه :

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

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

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

ساخت مگامنو در وردپرس چگونه است؟

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

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

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

گزینه 1: بررسی کنید که آیا قالب شما از مگامنوها پشتیبانی می کند یا خیر؟

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

گزینه 2: از یک افزونه menu mega WordPress استفاده کنید

اگر قالب شما از ویژگی های menu mega برخوردار نیست (یا شاید حتی باشد!)، همچنین می توانید از یک افزونه menu mega WordPress برای افزودن قابلیت مگامنو به هر قالب وردپرس استفاده کنید.

آیا بهتر است از قابلیت تم خود استفاده کنیم یابرای ساخت آن از یک افزونه menu mega WordPress کمک بگیریم؟

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

خوب، ممکن است وجود داشته باشد. در اینجا جوانب مثبت و منفی هر رویکرد وجود دارد …

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

نکته منفی هم این است که اگر قالب خود را تغییر دهید، عملکرد mega menu خود را از دست خواهید داد.

از طرف دیگر، مزایای استفاده از یک افزونه menu mega WordPress این است که:

مگامنوی شما حتی اگر تم را تغییر دهید به کار خود ادامه می دهد.
احتمالاً به قابلیت های بیشتری دسترسی خواهید داشت.

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

آموزش ساخت مگامنو در وردپرس به صورت گام به گام

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

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

آموزش افزودن Mega Menu در وردپرس

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

وبسایت های معروف مانند رویترز، Buzzfeed و Starbucks از مگامنوها برای نمایش منوهای ناوبری بسیار جذاب و تعاملی استفاده می کنند.

نمایش مگا منوی وبسایت استارباکس — نمایش مگامنوی وبسایت استارباکس

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

بیایید یاد بگیریم که چگونه می توان به راحتی یک مگامنو به وبسایت وردپرسی خود اضافه کرد.

ساخت مگامنو در وردپرس

اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Max Mega Menu است. این بهترین افزونه رایگان برای ساخت مگامنو در وردپرس است که در مخزن آن موجود می باشد.

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

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

برای اینکه بفهمید از کدام رنگ ها در طرح زمینه شما استفاده شده است، می توانید از ابزار Inspect در مرورگر خود استفاده کنید.

استفاده از ابزار inspect برای پیدا کردن رنگ های نوار مگا منو — استفاده از ابزار inspect برای پیدا کردن رنگ های نوار مگامنو

پس از دریافت کد hex رنگ، می توانید آن را در یک فایل متنی جای گذاری کنید تا بعداً استفاده شود.

سپس، باید به صفحه تنظیمات mega menu بروید، روی برگه “Menu Themes” کلیک کنید و سپس بخش “Menu Bar” را انتخاب نمایید.

رنگ های نوار مگا منو — رنگ های نوار مگامنو

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

فراموش نکنید که برای ذخیره تنظیمات خود، روی دکمه ذخیره تغییرات کلیک کنید.

اکنون که تنظیمات مگامنو را پیکربندی کردیم، بیایید مگامنوی خود را بسازیم.

ابتدا باید از صفحه Appearance »Menus دیدن کرده و سپس موارد اصلی و کاربردی را به فهرست خود اضافه کنید. سپس در صفحه منوها باید با علامت زدن در کادر زیر “تنظیمات منو”، mega menu را فعال کنید.

پس از آن یکی از موارد منو را انتخاب کنید و دکمه “Mega Menu” را در برگه منو مشاهده خواهید کرد.

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

افزودن ابزارک به مگا منو — افزودن ابزارک به مگامنو

همچنین برای ویرایش تنظیمات ویجت می توانید بر روی نماد آچار موجود در ویجت کلیک کنید. فراموش نکنید که برای ذخیره تنظیمات ابزارک خود، روی دکمه ذخیره تغییرات کلیک کنید.

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