مگا منو یکی از جذاب‌ترین و کاربردی‌ترین ابزارها برای سازماندهی منوهای سایت و ارائه یک تجربه کاربری بهتر است. با استفاده از مگا منو می‌توانید اطلاعات بیشتری را در یک فضای کوچک نمایش داده و دسترسی کاربران به صفحات مختلف سایت را آسان‌تر کنید. در این مقاله از دکتر گرافیک، به شما آموزش ساخت مگا منو در المنتور بدون پلاگین اضافی را آموزش می‌دهیم تا بتوانید بدون استفاده از افزونه ی اضافی یک مگا منوی حرفه ای با المنتور داشته باشید.
مگا منو (Mega Menu) چیست؟
مگا منو (Mega Menu) یک نوع منوی ناوبری است که به کاربران این امکان را می‌دهد تا با استفاده از یک پنل بزرگ و بازشونده، به مجموعه‌ای از لینک‌ها و محتوا دسترسی پیدا کنند. این نوع منو معمولاً در وب‌سایت‌های بزرگ و پرمحتوا استفاده می‌شود و به دلیل طراحی بصری جذاب و سازماندهی منطقی، تجربه کاربری بهتری را فراهم می‌کند.
ویژگی‌های مگا منو
مگا منو ویژگی های زیادی دارد که ما در زیر به چند مورد از آنها اشاره می کنیم:
- سازماندهی محتوا: مگا منوها معمولاً شامل دسته‌ها و زیرمجموعه‌ها هستند که محتوای مرتبط را به‌طور منسجم گروه‌بندی می‌کنند.
- قابلیت نمایش محتوای چندرسانه‌ای: در مگا منوها می‌توان از تصاویر، آیکون‌ها و حتی ویدیوها استفاده کرد که باعث جذابیت بیشتر منو می‌شود.
- دسترس‌پذیری آسان: کاربران می‌توانند به‌راحتی به زیرمجموعه‌های مختلف دسترسی پیدا کنند و بدون نیاز به جستجوی طولانی، به محتوای مورد نظر خود برسند.
- جذب توجه: طراحی بصری مگا منوها به‌گونه‌ای است که می‌تواند توجه کاربران را جلب کند و آنها را تشویق به کلیک بر روی لینک‌های موجود کند.
- بهبود رتبه SEO: مگا منوها با بهبود ساختار ناوبری و لینک‌دهی به صفحات مختلف، می‌توانند به بهبود رتبه سایت در نتایج جستجو کمک کنند.
- جذب بیشتر کاربران: طراحی جذاب و محتوای متنوع می‌تواند کاربران را بیشتر در وب‌سایت نگه دارد و نرخ خروج را کاهش دهد.
نحوه ساخت مگا منو با المنتور
برای ساخت مگا منو با المنتور و بدون افزونه اضافی باید مراحلی را طی کنید که ما در ادامه، قدم به قدم این مراحل را نام میبریم:
مرحله 1: فعالسازی ویژگی منو در المنتور
برای ایجاد مگا منو با المنتور شما نیاز دارید ویژگی منو المنتور خود را فعال کنید. برای این کار از مسیر المنتور>تنظیمات>ویژگی ها ، ویژگی Menu را فعال کنید.
توجه: این ویژگی در نسخه بتا المنتور موجود است. پس برای استفاده از این ویژگی باید نسخه بتای المنتور را روی سایت خود نصب کنید.
مرحله 2: ویرایش صفحه با المنتور
- وارد ویرایشگر المنتور شوید: از داشبورد وردپرس خود، به صفحه‌ای که می‌خواهید مگا منو را در آن قرار دهید بروید و ویرایشگر المنتور را فعال کنید.
مرحله 3: استفاده از المان منو
- استفاده از المان منو: بعد از فعالسازی ویژگی “منو” در المنتور، یک المان جدید به نام “منو” به المان های ویرایشگر المنتور شما اضافه می شود.
- اضافه کردن آیتم های منو: شما می توانید با استفاده از تنظیمات المان “منو” در نوار سمت راست صفحه، آیتم های منوی خود را ویرایش کنید و یا آیتم های جدیدی به آن اضافه کنید. همچنین شما می توانید به آیتم های منوی خود آیکون، لینک و حتی محتوای کشویی اضافه کنید.
- فعال کردن محتوای کشویی: برای ایجاد مگا منو کافی است روی آن آیتمی که می خواهید مگا منو داشته باشد کلیک کنید و محتوای کشویی آن را فعال کنید. پس از فعال کردن محتوای کشویی، یک کانتینر زیر آن آیتم شکل می گیرد که شما می توانید مگا منوی آن آیتم را متناسب با نیاز و سلیقه خود طراحی کنید.
مرحله 4: طراحی مگا منو
در مرحله طراحی مگا منو می توانید با استفاده از المان های مختلف المنتور (تصویر، عنوان، ویرایشگر متن، لیست آیکون و…) مگا منوی حرفه ای خود را طراحی کنید و سایت خود را زیباتر و حرفه ای تر جلوه دهید.
کلام آخر
ساخت مگا منو در المنتور بدون نیاز به پلاگین‌های اضافی یک فرآیند ساده و در عین حال کارآمد است. با رعایت نکات طراحی و سئو، می‌توانید تجربه کاربری بهتری برای بازدیدکنندگان خود فراهم کنید.
