تخفیف 50 درصد برای همه محصولات!

کد تخفیف: BFriday

یه تنفس عمیق و بعد همه چیز رو راجع بهش بخون

راحیل دست پیمان

راحیل دست پیمان

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

به اشتراک گذاری بر روی facebook
به اشتراک گذاری بر روی twitter
به اشتراک گذاری بر روی linkedin
به اشتراک گذاری بر روی telegram

طراحی سایتت رو به‌راحتی با قالبهای آماده شروع کن

فروشگاه اینترنتی

طراحی منوی همبرگری با جت منو برای موبایل

با کمک افزونه JetMenu میتونین براحتی منوی همبرگری ایجاد کنین و با استفاده از ابزارک Hamburger Menu منو رو به روشی فشرده در وب سایتتون نمایش بدین. این ابزارک به شما امکان میده تا منو رو روی دسک تاپ و موبایل در نمای تاگل نمایش بدین. علاوه بر این، شما میتونین منوهای مختلفی برای دسک تاپ و تلفن همراه ایجاد کنین. خب بیاید شروع کنیم!

آماده‌سازی مگا منو

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

ایجاد منوی همبرگری

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

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

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

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

Hamburger-Menu-Options-settings

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

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

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

استایلدهی منوی همبرگری

در تنظیمات قسمت پیشرفته همین استایل حتی میتونین رنگ لودر و رنگ جلد رو تغییر بدین.

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

hamburger-menu-preview

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

فروشگاه اینترنتی

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

شاید مقاله‌های زیر رو هم دوست داشته باشی بخونی

مگا-منوی-چند-ستونی

ساخت مگا منوی چند ستونه در المنتور با جت منو

ادامه مطلب
لینک دادن جت تب به المنتور

لینک از منو به تبهای ایجاد شده در ادان جت تب المنتور

ادامه مطلب
منوی همبرگری در جت منو

طراحی منوی همبرگری با جت منو برای موبایل

ادامه مطلب
ریسپانسیو کردن مگا منو

ریسپانسیو کردن مگا منو در ادان جت منو المنتور

ادامه مطلب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

من موافق این قوانین هستم .

پنجاه درصد تخفیف بلک فرایدی!! از فرصت استفاده کن

کد تخفیف: BFriday