رسپانسیو کردن هدر دیجی کالا ( به روش خودم)
HTML-код
- Опубликовано: 5 фев 2025
- قبلا هدر دیجی کالا رو با المنتور طراحی کردیم (بدون افزونه جانبی) و توی این ویدئو میخوام بهتون رسپانسیو کردن هدر دیجی کالا رو آموزش بدم.
هدر بخشی از سایت هست که توی تمامی صفحات سایت نمایش داده میشود و یکی از مهمترین قسمت های سایت به شمار میرود. طبق میانیگن هایی که از آمار سایت ها بدست آمده تقریبا 70 درصد بازدید کننده وبسایت ها با موبایل و صفحه نمایش های کوچک به وبگردی مشغول هستند.
پس درواقع مهم است که شما یک طرح بندی مناسب برای نسخه موبایل داشته باشید. شاید بهتر است بگوییم که نسخه موبایل مهم تر از نسخه دسکتاپ وبسایت ها میباشد.
در سایت دیجی کالا هدر بشکل ساده ای رسپانسیو شده است که به واسطه نوع وبسایتشان و گستردگی گزینه های منو، این روش رسپانسیو کردن هم مناسب و اصولی است. اما اگر شما یک وبسایت تازه کار هستید یا هنوز برند بزرگی نشده اید، بهتر است از روشی که در ویدئو گفتم پیش بروید و هدر خود را رسپانسیو کنید.
شما باید مهمترین قسمت های سایتتان را در هدر قرار دهید تا کاربر در هرکجا از وبسایت بتواند به بخش های مختلف سایت شما دسترسی داشته باشد.
از طرفی هدر نباید شلوغ و بهم ریخته باشد. هدری که ما طراحی کردیم در ستون سمت راست تمام گزینه های منو را نمایش میدهد و یک دسترسی سریع به حساب می آید.
در ستون وسط هویت سایت نمایش داده میشود.
و در ستون سمت چپ هم آیکون سبد خرید وجود دارد تا کاربر در هر لحظه بتواند آمار سبد خرید خود را داشته باشد( زیرا ماهیت سایت فروشگاهی است)
البته بهتر است هدر را تا جای امکان خلوت کنید و گزینه های مهم دیگر را در منوی موبایلی پایین صفحه نمایش دهید.
لینک آموزش های مفید مرتبط:
ساخت هدر دیجی کالا (فقط با المنتور)
• طراحی هدر دیجی کالا با...
آموزش ساخت منو کشویی
• ساخت منو کشویی در وردپ...
آموزش ساخت مگامنو دیجی کالا
• آموزش ساخت مگامنو دیجی...
آموزش رسپانسیو کردن هدر (به یک روش دیگر )
• آموزش رسپانسیو کردن هد...
آموزش رسپانسیو کردن فوتر
• آموزش رسپانسیو فوتر (ر...
همه آموزش های المنتوری :
• آموزش المنتور
![آموزش رسپانسیو کردن هدر در المنتور--- [ صفر تا صد طراحی رسپانسیو هدر با المنتور در وردپرس]](http://i.ytimg.com/vi/dUdG02Zm2dg/mqdefault.jpg)
بسیار عالی 🌼🌼✌️✌️
خواهش میکنم🌹
عالیه👌🏻👌🏻👌🏻
🌹🙏🌹
عالی بود .چقدر دنبال این مورد بودم.ممنون.
خداروشکر که پیدا کردید
موفق باشید
ممنونم استاد 🙏🏻🙏🏻🙏🏻
🌹🙏
دمتون گرم
🌹
عالی
🙏🌹
🙏🙏🙏
سلام مهندس ممنون از زحمات شما من میخواستم بدونم که اگه سوالی در ارتباط با المنتور داشتم چطوری میتونم با شما درمیون برازم.
باتشکر
سلام
خواهش میکنم
تعداد سوالاتی که توی تلگرام و یوتیوب از من میشه واقعا زیاده و هنوز راهکاری براش پیدا نکردم و خیلی از سوالات دوستان رو نمیرسم جواب بدم
در آینده حتما یه روش برای رفع ایرادات باید درنظر بگیرم
اگر ایده ای دارید بفرمایید
در نظر بگیرید که یکسری از ایرادات زمان زیادی میخواد و باید سایت و شرایط های مختلف رو بررسی کنیم تا مشکل برطرف بشه
سلان خسته نباشید ببخشین من با المنتور سربگ طراحی کردم سایت تو5ثانیه بالا میاد ولی وقی افزونه المتور پرو غیرفعال میکنم سرعت سایت میشه 1.5 ثاینه بالادامدن علت چیه سربگ انقد سنگین میکنه سایت ؟
سلام
توی لوکال هاست هستید؟ یا هاست واقعی؟
@@amir-yami هاست واقعی
قطعا یه مشکلی هست
این زمان طبیعی نیست
باید سایت بررسی بشه تا مشکل رو پیدا کنیم
@@amir-yami چجور میشه اون برسی کرد ممنون
سلام وقت بخیر، زمانی که منو کناری استفاده میکنم در حالت موبایل منو باز میشه ولی بسته نمیشه ، انگار باگ داره ؟
اگر روی دکمه بستن میزنید و بسته نمیشه، شاید یه المانی روی دکمه بستن قرار داره و مانع کلیک کردن میشه
یه دکمه بزارید توی منو و لینکش رو بزارید بستن پاپ آپ و تست کنید
@amir-yami amir-yami سلام،،مهندس من از قالب اهورا از سایت میهن وردپرس استفاده میکنم ،،مشکلی برام پیش اومده نمیدونم مشکل از قالب یا چیز دگ،،،،،من وقتی هدر سایت طراحی میکنم و میرم سراغ حالت موبایل تا اونم مرتب کنم،وقتی حالت موبایل منظم کردم باز میبینم که حالت دسکتاپ به هم ریخته؟؟ بنظرتون مشکل از کجاست؟ ایا افزونه خاصی برای اینکار وجود نداره؟؟ ممنون میشم پاسخ بدین🙏🙏
سلام وقت بخیر
بصورت تستی قالب سایت رو به هلو المنتور تغییر بدید و تست کنید
اگر مشکلتون حل شد، مشکل از قالب اهورا هست
اگر همچنان مشکل داشتید ممکنه از المنتور یا افزونه های جانبی باشه
تشکر❤
@@Amiraliii384من خرید کردم اهوارا واقعا پشیمانم هیچ وقت حلالش نمیکنم
۱۰ روز الکی وقتم رو نابود کرد😢
دسته بندی ها رو من نفهمیدم چطور شد!! کاش در حالت موبایل دسته بندی هارو طراحی می کردید
دسته بندی ها توی حالت موبایل منطقی نیست همه رو نمایش بدیم، باید خلاصه کنیم
ولی بصورت خیلی ساده میتونید لیست دسته بندی ها رو به عنوان گزینه ها وارد کنید
یا از اکاردئون برای وارد کردن جزئیات کامل استفاده کنید
@@amir-yamiمتوجه نشدم به چه صورت طراحی بشه دسته بندی ؟