آموزش ساخت مگامنو با المنتور، یکی از بهترین راهها برای ارتقاء منوهای ساده و خستهکننده سایت است. برخلاف گذشته که برای ساخت مگامنو در وردپرس به افزونههای جانبی نیازمند بودید امروزه، با استفاده از صفحهساز المنتور و قابلیتهای جذابش درعرض چنددقیقه میتوانید مگامنوهای بسیار حرفهای و کاربرپسندی بدون نیاز به افزونه طراحی کنید.
مگامنوها نوعی از منوهای ناوبری هستند که به شما امکان ایجاد زیرمنوهای گسترده و پیچیده را میدهند. عموماً از این نوع منوها برای نمایش دستهبندیهای متعدد محصولات، صفحات یا هرنوع محتوای دیگری که میخواهید بهوضوح سازماندهی و در معرض دیدکاربران باشد استفاده کنید.
اگر از منوهای ساده و ابتدایی سایت خود خسته شدهاید، وقت آن است که با استفاده از مطالب این مقاله، آموزش ساخت مگا منو بدون افزونه را در المنتور یاد بگیرید و جان تازهای به فهرست وبسایت خود ببخشید.
آموزش ساخت مگامنو با المنتور
متاسفانه وبسایتهای وردپرسی ایرانی، پرشده از منوها یا فهرستهای ابتدایی و ساده که نهتنها باعث سردرگمی کاربر میشود بلکه تجربه ناخوشایندی را برای آنها رقم میزند.
همانطور که درجریان هستید افزونههای جانبی متعددی برای ساخت مگامنو در المنتور وجود دارد که پرکاربردترین آنها افزونه جت منو است. اما ما قصدداریم این کار را بدون استفاده از هیچگونه افزونه اضافیای به شما آموزش دهیم.
ساخت مگامنو بدون افزونه علاوه براینکه باعث صرفهجویی در هزینه میشود، به شما در طراحی ظاهری و عملکرد مگامنو کنترل بیشتری نیز میدهد.
ساخت مگامنو با المنتور بهطور خلاصه شامل موارد زیر میشود:
- فعالسازی مگامنو از تنظیمات المنتور
- ساخت قالب هدر
- اضافهکردن المان مگامنو
- تغییر استایل وطراحی مگامنو حرفهای
در ادامه گامبهگام ساخت مگامنو در وردپرس را به شما آموزش میدهیم.
پیشنیاز برای ساخت مگامنو با المنتور
با اینکه افزونه المنتور یکی از قدرتمندترین صفحهسازها در طرحی انواع سایتهای وردپرسی است، اما نسخه رایگان آن از قابلیتهای کمی برخوردار است. بههمین علت نیاز به نسخه پرو این افزونه دارید. المنتور پرو این امکان را به شما میدهد تا با استفاده از امکانات و ویژگیهای متنوع، طراحیهای منحصربهفردی ایجاد کنید.
قبل از اینکه آموزش ساخت مگامنو با المنتور را شروع کنیم، پیشنهاد میکنیم مقاله المنتور چیست را مطالعه کنید تا آشنایی نسبی با این افزونه و تنظیمات مهم آن داشته باشید.
گامبهگام آموزش ساخت مگامنو با المنتور پرو
بعداز نصب المنتورپرو در وردپرس، ویژگیها و المانهای متعددی به المنتور اضافه میشود که مهمترینشان ویژگی فلکس باکس، عناصر تودرتو و مگامنو است. شما برای طراحی مگامنو و ایجاد فهرست با زیرمنوهای جذاب نیاز به فعالسازی این ویژگیها دارید.
فعالسازی مگامنو در المنتور
اولین گام در استفاده از مگامنو با المنتور فعالسازی این ویژگی است. برای اینکه المان مگامنو در المنتور فعال شود، باید از مسیر المنتور>تنظیمات>ویژگیها گزینه menu”(فهرست)” را فعال کنید. با این نکته که علاوه بر این ویژگی، برای اینکه بتوانید از قابلیت مگامنو در المنتور به درستی استفاده کنید باید گزینه فلکس باکس و عناصر تودرتو را نیز از بخش ویژگیها فعال کنید.
ساخت هدر برای نمایش مگامنو در سایت
دومین قدم در آموزش ساخت مگامنو با المنتور، ایجاد هدر برای نمایش مگامنو است. هدر یا سربرگ بهترین مکان برای نمایش مگامنوهای جذاب است. درواقع هدر بالاترین بخش سایت است که درآن لینک صفحات مهم، فهرست سایت، لوگو، دکمه ورود و ثبتنام و … قرار داده میشود.
برای نمایش مگامنو در هدر، باید قالب آن را بسازید.
- برای ساخت قالب هدر، از پیشخوان وردپرس وارد منوی قالبها شوید و گزینه افزودن جدید را بزنید.
- در صفحه جدیدی که نمایش داده میشود، نوع قالب را هدر انتخاب کنید. سپس یک نام برای این قالب انتخاب کرده و روی گزینه ایجاد قالب کلیک کنید.
- درمرحله بعد وارد کتابخانه المنتور میشوید، که شامل بلوک، برگه و قالبهای از قبل طراحی شده میشود.(با این بخش کاری ندارید، با زدن دکمه خروج وارد صفحهساز المنتور شوید.)
- پساز ایجاد قالب، وارد صفحه ویرایش المنتور میشوید که شامل المانهای متعدد برای ساخت سربرگ است.
اضافهکردن المان مگامنو در هدر
بعداز ساخت قالب و ایجاد بخشهای مختلف هدر، سومین قدم در آموزش ساخت مگامنو با المنتور، درج المان مربوط به مگامنو در هدر است. برای اضافه کردن مگامنو به هدرسایت کافیه از قسمت “جستوجوی ابزارک…” نام فهرست یا menu را تایپ کنید.
همچنین میتوانید با رفتن به بخش “پرو” در سایدبارکناری که شامل ابزارها و المانهای مختلف برای طراحی قالب است، ویجت فهرست را اضافه کنید.
سومین مکان از المنتور که میتوانید ویجت فهرست را پیداکنید، بخش “سایت” است. این بخش شامل تمامی ابزارکهای لازم جهت ساخت هدر سایت است.
تنظیمات مگامنو در المنتور(ویجت menu)
ابزارک فهرست که مربوط به مگامنو میشود، مانند همه ابزارکهای موجود در المنتور شامل تنظیمات مختلفی در رابطه با ظاهر و عملکرد این ابزارک است. این ابزارک از تنظیمات پیشرفتهای برخوردار است و به شما امکان طراحی مگامنوهای متنوع و جذاب متناسب با سلیقه خودتان را میدهد.
همانطور که گفتیم این المان نیز مانند همه المانهای دیگر المنتور شامل تنظیمات مختلفی میشود که در سه تب محتوا، استایل و پیشرفته قابل دسترسی هستند. در ادامه بهصورت کامل قسمتهای مختلف مرتبط با این المان را توضیح خواهیمداد.
تنظیمات محتوای مگامنو
تنظیمات محتوای فهرست(مگامنو) شامل بخشهای چیدمان، افکت کشویی، تغییرمنو و تنظیمات اضافی میشود. تغییراتی که در این بخشها ایجاد میکنید مستقیماً روی عملکرد منوها و مگامنوها تاثیر میگذارد.
بخش چیدمان یا Layout
از طریق این بخش میتوانید آیتمهای اصلی منوی سایت که قرار است در هدر نمایش داده شود را مشخص کنید. ما برای نمونه 4 آیتم خانه، خدمات، تماس با ما و درباره ما را ایجاد کردهایم.
با کلیک روی هر آیتم یک بخش بهصورت آبشاری باز میشود که از طریق آن میتوانید نام آیتم، لینک آیتم، آیکن و مهمتر از همه مگامنو آیتم را فعال کنید.
نکته مهم: مگامنوی هرآیتم همان گزینه “محتوای کشویی” است که در تصویر زیر نیز مشخص شدهاست. بعداز فعالکردن محتوای کشویی یک علامت پیکان در کنار آیتم ظاهر میشود که با کلیک روی آن یک کانتینر ظاهر میشود.
این کانتینر محل ایجاد مگامنوی دلخواه شماست. شما میتوانید هر المانی که نیاز دارید را در این کانتینر اضافه کنید و مگامنویی با سلیقه دلخواه خود بسازید.
دیگر تنظیمات موجود در بخش چیدمان شامل عرض محتوا، طرح یا نوع منو، موقعیت قرارگیری منوها و آیکن مرتبط با مگامنو است که نیاز به توضیح خاصی نیست و با کمی تمرین و تکرار متوجه کارکرد هرکدام خواهیدشد.
تنظیمات افکت کشویی یا dropdown effect
این بخش از تنظیمات مگامنو نیز از قسمتهای مهمی تشکیل شدهاست. از طریق تنظیمات افکت کشویی میتوانید تعیین کنید که مگامنوی شما بعداز کلیک روی آیتم مربوطه نمایش دادهشود یا به صورت شناور باشد.
همچنین میتوانید برای نمایش مگامنوی خود حالت انیمیشنی را فعال کنید و یک زمانبندی خاصی برای نمایش آن بدهید. این عمل بهجذابیت مگامنوی شما اضافه میکند.
تغییرمنو یا menu toggle
تنظیمات این بخش از مگامنو مربوط به نمایش منوها درحالت موبایل است. از طریق گزینههای موجود در این بخش میتوانید منوی همبرگری و موقعیت قرارگیری آیکن منو را تغییر دهید. همچنین میتوانید درحالت شناور برای آیکن منو انیمیشن تنظیم کنید.
Additional settings یا تنظیمات اضافی المان menu
در این بخش میتوانید اسکرول افقی در حالت موبایل را فعال یا غیرفعال کنید. همچنین میتوانید نحوه نمایش آیتم منوها را درحالت موبایل یا تبلت مشخص کنید. اگر نقطه شکست را در حالت “هیچکدام” قرار دهید، منوی همبرگری حذف و تنها آیتمهای منو نمایش داده میشود.
پیشنهاد میکنیم نقطه شکست را درحالت موبایل و اسکرول افقی را غیرفعال کنید.
تنظیمات استایل مگامنو در المنتور
از طریق تنظیمات موجود در این بخش میتوانید استایل و ظاهر مگامنو را ویرایش کنید. تنظیمات استایل مگامنو در المنتور شامل تمامی قسمتهای آن میشود. در این بخش میتوانید آیتمهای منو، آیکنها، نشانگر کشویی، نمایش منو در حالت موبایل، محتوای موجود در مگامنو و… را استایلدهی کنید.
این بخش توضیحات خاصی ندارد و تنها با تمرین و تکرار میتوانید تسلط کافی را بدست آورید.
نکات مهم در ساخت مگامنو با المنتور
- تاحد امکان مگامنوی جذاب و کاربرپسند طراحی کنید.
- در طراحی مگامنو از المانهای مختلف المنتور مثل تبها، آیکن جعبه، تصاویر، دکمه و انیمیشن استفاده کنید.
- از رنگها و فونت مناسب استفاده کنید، بهگونهای که کاربر هنگام مشاهده اذیت نشود.
- اگر محتوای کمی در سایت دارید، تاحد امکان از ایجاد لینکهای زیاد در مگامنو خودداری کنید.
- مگامنوها دراکثر مواقع برای حالت دسکتاپ سایت مناسب است. برای نمایش مگامنو در موبایل نیاز به ساخت مگامنویی متفاوت است.
- مگامنوها در سایتهای فروشگاهی بسیار کاربردی هستند. این نوع سایتها از تگها و دستههای متعددی تشکیل شدهاند که برای نمایش هرچه بهترآنها در هدر نیاز به مگامنوهای بهینه و جذاب دارید.
درصورت بروز مشکل در ساخت مگامنو با المنتور پرو، چگونه باید آنرا برطرف کرد؟
بعضی مواقع ممکن است بعد از ایجاد مگامنو و طراحی بخشهای مختلف آن، هنگام مشاهده و دیدن مگامنو در سایت تغییرات را مشاهده نکنید. این مورد یکی از خطاهای رایج المنتوری است که دلایل متنوعی میتواند داشته باشد. اگر با همچین مشکلی روبهرو شدید مقاله حل مشکل مشاهده نشدن تغییرات در المنتور را مطالعه کنید.
نتیجه گیری
همانطور که در این مقاله، “آموزش ساخت مگامنو با المنتور“، مشاهده کردید طراحی مگامنو در وردپرس بدون نیاز به افزونه جانبی، امری بسیار ساده و درعین حال لذتبخش و قدرتمند است. با استفاده از این روش میتوانید بدون نیاز به دانش کدنویسی مگامنوهای حرفهای و جذاب برای وبسایت وردپرسی خود طراحی کنید.
