رسپانسیو کردن هدر دیجی کالا ( به روش خودم)

قبلا هدر دیجی کالا رو با المنتور طراحی کردیم (بدون افزونه جانبی) و توی این ویدئو میخوام بهتون رسپانسیو کردن هدر دیجی کالا رو آموزش بدم.

هدر بخشی از سایت هست که توی تمامی صفحات سایت نمایش داده میشود و یکی از مهمترین قسمت های سایت به شمار میرود. طبق میانیگن هایی که از آمار سایت ها بدست آمده تقریبا 70 درصد بازدید کننده وبسایت ها با موبایل و صفحه نمایش های کوچک به وبگردی مشغول هستند.
پس درواقع مهم است که شما یک طرح بندی مناسب برای نسخه موبایل داشته باشید. شاید بهتر است بگوییم که نسخه موبایل مهم تر از نسخه دسکتاپ وبسایت ها میباشد.

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

شما باید مهمترین قسمت های سایتتان را در هدر قرار دهید تا کاربر در هرکجا از وبسایت بتواند به بخش های مختلف سایت شما دسترسی داشته باشد.
از طرفی هدر نباید شلوغ و بهم ریخته باشد. هدری که ما طراحی کردیم در ستون سمت راست تمام گزینه های منو را نمایش میدهد و یک دسترسی سریع به حساب می آید.
در ستون وسط هویت سایت نمایش داده میشود.
و در ستون سمت چپ هم آیکون سبد خرید وجود دارد تا کاربر در هر لحظه بتواند آمار سبد خرید خود را داشته باشد( زیرا ماهیت سایت فروشگاهی است)

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

لینک آموزش های مفید مرتبط:

ساخت هدر دیجی کالا (فقط با المنتور)
   • طراحی هدر دیجی کالا با المنتور ( حرفه...  

آموزش ساخت منو کشویی
   • ساخت منو کشویی در وردپرس با المنتور -...  

آموزش ساخت مگامنو دیجی کالا
   • آموزش ساخت مگامنو دیجی کالا با المنتو...  

آموزش رسپانسیو کردن هدر (به یک روش دیگر )
   • آموزش رسپانسیو کردن هدر در المنتور---...  

آموزش رسپانسیو کردن فوتر
   • آموزش رسپانسیو فوتر (رسپانسیو کانتینر...  

همه آموزش های المنتوری :
   • آموزش المنتور