راهنمای کامل ساخت منو با المنتور
- زمان مطالعه: 12 دقیقه
- به‌روز رسانی در 29 آبان 1403
اگر می‌خواهید یک منوی حرفه‌ای و جذاب برای وبسایت خود طراحی کنید، راهنمای کامل ساخت منو با المنتور دقیقاً همان چیزی است که به آن نیاز دارید. المنتور، به‌عنوان یکی از محبوب‌ترین افزونه‌های صفحه‌ساز وردپرس، به شما امکان می‌دهد بدون نیاز به کدنویسی، منویی زیبا و کاربردی بسازید.
سر فصل‌های این مقاله:
در این آموزش، مراحل طراحی منو با المنتور را به زبان ساده و گام‌به‌گام توضیح داده‌ایم. با این راهنمای کامل و تم فور همراه شوید تا منوی دلخواه خود را به بهترین شکل طراحی کنید.
طراحی منو با المنتور: ساخت فهرست در وردپرس
قبل از شروع ساخت منو با المنتور در محیط ویرایشگر، نیاز است، فهرست یا منو را ابتدا ساخته باشید. برای این کار، به منوی نمایش -> فهرست‌ها در پیشخوان وردپرس بروید.
اگر منو ندارید، یک منوی جدید ایجاد کنید و نامی برای آن انتخاب کنید. اگر از قبل منو ساختید، منوی مدنظرتان را انتخاب یا همان گزینش کنید.
در مرحله بعدی، صفحات، دسته بندی یا مواردی که می‌خواهید را انتخاب و سپس به منوی خودتان اضافه کنید.
بعد از اضافه کردن موارد منو (همان صفحه، دسته بندی یا لینک دلخواه) به فهرست، گزینه مکان نمایش را روی سربرگ قرار دهید و دکمه ذخیره فهرست را بزنید.
ساخت منو با المنتور: ایجاد الگوی هدر سایت
گام بعدی برای ساخت منو با المنتور، ایجاد الگوی هدر است. هدر یا همان سربرگ، یکی از الزامی‌ترین قسمت‌های یک وب سایت به شمار می‌رود.
به منوی الگوها بروید و گزینه «افزودن الگوی جدید» را بزنید تا پنجره انتخاب نوع الگو نمایش داده شود.
انتخاب نوع الگو را روی هدر قرار بدید و در آخر هم یک نام برای الگوی خود بنویسید، مثلاً: هدر سایت. سپس دکمه ایجاد الگو را بزنید تا به محیط ویرایشگر المنتور هدایت شوید.
در محیط ویرایشگر المنتور، کتابخانه الگوهای منو ظاهر می‌شود. اما در آموزش ساخت منو با المنتور، نمی‌خواهیم از این کتابخانه آماده استفاده کنیم. از صفر می‌خواهیم یک منو را بسازیم.
پنجره کتابخانه را ببندید و روی دکمه بعلاوه (+) کلیک کنید تا یک کانتینر یا بخش بسازید.
ساختار یا جهت را روی گزینه اول قرار بدید تا کانتینر به صفحه اضافه شود. در مرحله بعدی آموزش ساخت منو با المنتور به سراغ معرفی ویجت منوی وردپرس می‌رویم.
ساخت منو در المنتور: ویجت فراخوانی منوی وردپرس
بعد از مراحل بالا، برای مرحله ساخت منو در المنتور از طریق ویرایشگر مدرن المنتور رسیدیم.
ویجت منوی وردپرس را در میان المان‌های سایت پیدا کنید و به داخل صفحه بکشید و رها کنید.
پس از اضافه کردن ویجت منو به صفحه، در محیط ویرایشگر، منویی که ساختید را در فیلد منو همانند تصویر بالا انتخاب کنید.
می‌بینید منوی شما در صفحه ظاهر می‌شود. در ادامه آموزش ساخت منو با المنتور به معرفی بخش‌ها و آپشن‌های ویجت منو می‌پردازیم.
آشنایی با طرح‌های منو در صفحه ساز المنتور
ویجت منوی المنتور، دارای ۳ طرح برای نمایش منوها است. طرح افقی، طرح عمودی و طرح کرکره‌ای، طرح‌ها یا چیدمان‌های طراحی منو با المنتور هستند.
همانطور که در تصویر می‌بینید، با استفاده از این گزینه، به راحتی می‌توانید چینش یا چیدمان نمایش منو را تنظیم کنید.
طرح کرکره‌ای، همان طرح به کار رفته در حالت موبایل است. با استفاده و کلیک رو یک دکمه آیکونی (تاگل) محتوای منو ظاهر می‌شود.
با گزینه تراز بندی هم می‌توانید موقعیت موارد منو را مشخص کنید. مثلاً موارد منو وسطچین باشند و یا در سمت راست یا چپ قرار بگیرند.
استایل اشاره‌گر و انیمیشن‌های منو
در قسمت اشاره‌گر، می‌شود یک استایل خاص برای منوها در نظر گرفت. با این گزینه، زمانی که کاربر ماوس را روی هرکدام از منوها قرار داد، استایل یا افکتی جذاب ظاهر می‌شود.
به عنوان نمونه، می‌توانیم یک زیرخط با استفاده از انیمیشن برای موارد منو انتخاب کنیم.
تغییر آیکون موارد منو: شاخص ساب منو
اگر می‌خواهید آیکون کنار نام هرکدام از منوها را تغییر دهید، از طریق این راهنما به سادگی این کار امکان پذیر است.
کافیه، از طریق گزینه شاخص ساب منو، آیکون موردنظرتان را انتخاب کنید. در کتابخانه‌های آیکون المنتور، چندین نوع آیکون برای تغییر این آیکون در دسترس است.
تنظیمات منوی موبایل یا کرکره‌ای
در ادامه، تنظیمات مربوط به منوی موبایل یا کرکره‌ای را مشاهده می‌کنید. اعمال این تنظیمات را زمانی در صفحه می‌توانید ببینید که طرح منو روی حالت کرکره‌ای باشد یا اینکه در حالت موبایل، منو را ببینید.
از نوار ابزار ویرایشگر، روی آیکون موبایل کلیک کنید تا طرح منو در حالت موبایل ظاهر شود.
در اینجا می‌ببینید، منوی موبایل سایت به صورت کرکره‌ای است. اگر روی دکمه آیکونی یا آن تاگل کلیک شود، محتوای منو ظاهر می‌شود. همچنین می‌توان آیکون این دکمه را هم تغییر داد.
ساخت منو در المنتور: استایل منوها
از طریق تب استایل، می‌توانیم استایل و ظاهر منوی سایت خود را به راحتی کنترل و شخصی سازی کنیم.
تایپوگرافی (فونت)، رنگ متن‌ها، فاصله و پدینگ‌ها و سایر موارد از تب قابل سفارشی کردن هستند.
اگر گزینه تقسیم کننده را فعال کنید، یک نوار عمودی تقسیم میان آیتم‌های منو نمایش داده می‌شود. این گزینه طرح‌های منویی که نیاز به چنین تقسیم کننده‌ای دارند، کاربردی و مفید است.
در پایین همین تب استایل، امکان شخصی سازی ظاهر منوی کرکره‌ای یا موبایل نیز در دسترس است.
بعد از ساخت منو با المنتور، کافیست روی دکمه انتشار کلیک کنید و شرط نمایش را روی ورودی سایت قرار دهید تا در کل سایت، منو نمایش داده شود.
ویجت جدید منو برای ساخت منوهای پیشرفته
المنتور در نسخه‌های جدیدتر، یک ویجت منوی جدید اضافه کرده‌است. به گفته توسعه دهندگان المنتور، با این ویجت امکان ساخت مگامنو نیز وجو دارد.
برای فعال‌سازی آن باید به تنظیمات المنتور -> ویژگی‌ها بروید و گزینه منو را روی فعال‌سازی قرار دهید.
با این اقدام، یک ویجت به نام منو به لیست ویجت‌های المنتور در ویرایشگر اضافه می‌شود.
این ویجت به سادگی ویجت منوی وردپرس نیست. چراکه برای فراخوانی محتوا و لینک‌ها نیاز است از برچسب‌های داینامیک استفاده کنید. هرچند امکان اضافه کردن دستی نام و عنوان‌ها هم وجود دارد.
برای کشویی یا کرکره‌ای کردن هر آیتم منو، گزینه محتوای کشویی را باید فعال نمایید.
مثلاً اگر می‌خواهید یک آدرس یا محتوای سفارشی برای هر آیتم در نظر بگیرید، از برچسب‌های داینامیک می‌شود استفاده کرد.
در برچسب داینامیک، امکان فراخوانی لینک، محتوا، دسته بندی، عکس و غیره وجود دارد.
آیا امکان استفاده از افزونه منو برای المنتور وجود دارد؟
بله. المنتور دارای افزودنی‌های زیادی است. افزونه jet menu یکی از افزونه‌های فوق العاده برای ساخت منو در المنتور است. این افزونه دارای ویجت منوی پیشرفته‌تر و با امکانات بیشتری نسبت به ویجت پیش‌فرض افزونه المنتور پرو است.
افزودنی‌های المنتور که دارای ویجت ساخت منوی پیشرفته برای المنتور هستند:
نتیجه گیری آموزش ساخت منو با المنتور
حتی اگر سطح مقدماتی و پایه در وردپرس و کار با المنتور باشید، توسط آموزش ساخت منو با المنتور به سادگی و سرعت می‌توانید منوی سایت‌تان را طراحی کنید. مراحل طراحی منو با المنتور را به صورت گام به گام و تصویری آموزش دادیم. امیدواریم با این آموزش، منوهای جذاب و مدرنی با صفحه ساز المنتور بسازید. موفق و سرافراز باشید.
تیم تولید محتوای تم فور
همۀ تلاش مجموعه‌ی تم فور اینه که بهترین آموزش‌ها برای وردپرس رو به صورت کاملاً رایگان برای جامعه‌ی وردپرس ایران تولید بکنه. امیدواریم آموزش‌های ما براتون مفید واقع بشه :)
این مقاله را با دوستان خود به اشتراک بگذارید
ثبت دیدگاه
