آموزش طراحی منو موبایل (منو کناری) با المنتور

Share

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
طراحی منو موبایل با المنتور
پخش ویدیو

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

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

طراحی منو کناری در المنتور

طراحی محتوا منو در المنتور

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

قالب های المنتور

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

ویجت را در صفحه قرار داده و تنظیمات را طبق تصویر انجام دهید. نوع طرح را روی گزینه عمودی؛ نقطه توقف را روی تبلت قرار دهید. سپس

در انتها می توانید موارد دیگر هم  مانند شبکه های و ویجت های دیگر را در این قالب قرار دهید.

قالب را منتشر کرده تا به مرحله بعد برویم.

قرار دادن منو کناری در سربرگ

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

ویجت نوار کناری المنن پک را پیدا کرده و در صفحه قرار دهید.

منو موبایل در المنتور

حالا روی ویجت کلیک کرده و تا تنظیمات ویجت را انجام دهیم.

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

منو موبایل با المنتور

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

طراحی منو موبایل در المنتور

نمایش منو فقط در موبایل

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

طراحی منو موبایل در المنتور

همچنین توجه داشته باشید، منوی که در حالت دسکتاپ استفاده می کنید را در حالت موبایل غیر فعال کنید تا 2 منو در حالت موبایل نمایش داده نشود. در انتها نتیجه به صورت زیر می باشد.

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

045-microphone

مدرس :
محمدرضا احمدزاده

013-globe

سطح آموزش :
مبتدی

035-essay

زمان آموزش :
6 دقیقه

فهرست مطالب

Avatar
فاطمه زهرا در 15:37

خیلی خوب بود، ممنون

پاسخ
المنتور فارسی
المنتور فارسی در 15:41

با سلام
ممنون از توجه شما.

پاسخ
Sajad Moadab
Sajad Moadab در 14:12

سلام نوار کنار ندارم چرا ؟

پاسخ
المنتور فارسی
المنتور فارسی در 14:18

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

پاسخ
Sajad Moadab
Sajad Moadab در 14:28

چیزی غیر فعال ندارم

پاسخ
المنتور فارسی
المنتور فارسی در 14:41

این ویجت داخل افزونه المنت پک می باشد.

پاسخ
Sajad Moadab
Sajad Moadab در 14:50

میشه لینک رو بفرستید ؟

المنتور فارسی
المنتور فارسی در 14:53

مطلب رو از ابتدا کامل مطالعه کنید لینک افزونه داخلش هست.

میلاد
میلاد در 03:03

تشکر عالی بود

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید

2 × 4 =

نیاز به کمک دارید؟ پیام دهید