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

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

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

فهرست مطالب

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

جایگاه منوی سایت

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

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

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

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

مگا منو چیست؟

مگا منو یکی از قسمت های ضرورری هر سایت است است و در بخش بالایی سایت ها قرار دارد.

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

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

آموزش بخش سفارشی سازی وردپرس (WordPress Customization)
>>

به آن منوی بزرگ همان مگا منو می گویند که در لغت به معنای منوی خیلی بزرگ است.

(Mega Menu) منوهای کشویی بزرگی هستند و قالبا برای سایت هایی که می خواهند اطلاعات زیادی را در فهرست سایت نشان دهند طراحی می شوند و بسیار کاربردی و مفید هم هستند.

منوهای عادی معمولا دو یا سه زیر منو  یا دسته بندی دارند که شامل ۱۰ تا ۱۵ برگه می شوند اما تعداد برگه ها در مگامنو بیشتر از این تعداد است.

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

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

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

چون ممکن است کاربر برای دسترسی به یک زیر منو مجبور به اسکرول کردن صفحه شوند و این مسئله تاثیر منفی در ذهن کاربر دارد.

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

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

آموزش کار با مگا منو در وردپرس

در ابتدای کار باید یک منو در وردپرس را طراحی کنیم.

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

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

نام فهرست را وارد کنید و تیک گزینه ” Enable this menu for Megamenu content” را بزنید و در انتها روی ایجاد فهرست کلیک کنید.

در ادامه آیتم های مورد نظرتان را ایجاد کنید، زیر منو های آن را با کشیدن آن ها از چپ به راست تنظیم کنید.

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

سئو چیست ؟ بهینه سازی موتورهای جستجو به چه معنایی است
>>

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

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

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

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

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

  • افزونه المنتور در دو نسخه رایگان و پرو
  • افزودنی المنت کیت

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

روی آن کلیک کنید و در صفحه که باز می شود Megamenu Enabled را فعال کنید تا به رنگ سبز دربیاید.

در انتها EDIT MEGAMENU CONTENET را بزنید.

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

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

برای قالب یک اسم انتخاب کنید و ایجاد قالب را بزنید.

در صفحه Element header footer یک ردیف دو ستونه انتخاب کنید. در یکی از ستون ها لوگوی سایت و در ستون دیگر Nav menu را قرار دهید.

(Nav Menu ابزارک افزودنی Elementskit است.)

در سمت راست منو، در قسمت setting menu، اسمی را انتخاب کنید که برای فهرست مورد نظرتان در ابتدای مراحل ساخت مگا منو انتخاب کردید.

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

آموزش پس زمینه در وردپرس
>>

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

بهترین افزونه مگا منو

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

پلاگین های زیادی در مخزن وردپرس وجود دارند که یک می توان با ان ها یک مگا منو را طراحی کرد. مانند:

Max Mega Menu ،Wp Mega Menu

و یا افزونه المنتور Element Kit که دارای قابلیت های خاصی است. آن را در قسمت های قبلی مقاله آموزش دادیم.

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

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

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

از ویژگی های و امکانات پلاگین Max Mega Menu می توان به موارد زیر اشاره کرد:

  • قابلیت تنظیم افکت ها و سرعت باز شدن تب ها
  • امکان باز شدن چپ به راست منو یا برعکس، تنظیم سایز و فونت آن ها

کار با این افزونه آسان است، با کمی صرف زمان می توانید یک مگا منو زیبا و کاربردی را بسازید.

جمع بندی

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

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

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

موفق باشید

Author

مدیریت سایت

Leave a comment

نشانی ایمیل شما منتشر نخواهد شد.