بررسی ریسپانسیو (واکنشگرا) بودن سایت

این روزا کاربرای زیادی از گوشی یا تبلتشون برای وب گردی و بازید از سایت‌ها استفاده میکنن.
به همین دلیل سایتت باید با انواع گوشی‌های موبایل، تبلت‌ها، لپ تاپ‌ها و کامپیوتر‌ها و … هماهنگ باشه و به خوبی تو همه دستگاه‌ها دیده بشه.
پس اصطلاحا سایت باید ریسپانسیو (واکنشگرا) باشه.

 

ریسپانسیو (واکنشگرا)

حالا چه جوری میشه این ریسپانسیو بودن رو برای سایت ببرسی کرد؟

ساده ترین ابزار اینه که از DeveloperTools استفاده کنیم. این ابزار در گوگل کروم در دسترسه و امکان بررسی یک سایت در دستگاه‌های مختلف رو فراهم میکنه.
برای فعال کردن این ابزار، باید سایت مدنظرت رو تو گوگل کروم باز کنی و زمانی که تو اون وب سایت هستی روی صفحه وب سایت راست کلیک کنی و گزینه Inspect رو انتخاب کنی.
البته میتونی به جای گزینه Inspect از کلید میانبر Ctrl+Shift+I هم استفاده کنی.

DeveloperTools

 

 

 

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

Inspect

 

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

سایت واکنشی

یه حقه طلایی:

همیشه یادت باشه پیش از این که بخوای سایتی رو طراحی کنی و قالبی رو انتخاب کنی، باید اون قالب رو پیش از خرید از لحاظ ریسپانسیو (واکنشگرا) بودن بررسی کنی.
اگر قالبی ریسپانسیو نبود، فکر استفاده ازش رو از ذهنت پاک کن! هراندازه هم که زیبا باشه و امکانات زیادی داشته باشه، وفتی تو گوشی‌های موبایل دیده نشه باعث میشه که خود به خود نیمی از مشتریاتو از دست بدی! چون امروزه کلی از کاربرا ازجمله خودت زمان بسیار زیادی از زندگی رو صرف چرخیدن تو سایت های مختلف با گوشی موبایلشون میکنن.

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

Responsive

 

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

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

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