كيفية جعل قالب مدونتك متناسق ومتجاوب مع شاشات الأجهزة الذكية

مع تطور التكنولوجيات الحديثة أصبح إستعمال الهاتف الذكي واللوحات الرقمية في تصفح المواقع أمر طبيعي وروتيني مقارنة بذلك تراجع إستخدام أجهزة الحاسوب المعتادة المحمولة منها أو المكتبية

فأصبح من اللازم وضروري على مصممي ومبرمجي المواقع العمل على جعل هذه الأخيرة متوافقة مع مختلف أحجام الشاشات الذكية ما يعود بالنفع على أصحاب المواقع بجلب عدد كبير من الزوار وتحسين إحصائيات الموقع

- كيفية إختبار مدى تجاوب المدونة مع الهواتف:

الطريقة الأولى: إضافة هذه السمة (1=m?/ ) مباشرة بعد رابط مدونتك ونضغط enter، وجب ظهور الصفحة بنفس شكل الصفحة بدون سمة المضافة عكس ذلك تابع الشرح في الفيديو لإصلاح الأمر.

مثال:

http://otage79.blogspot.com/?m=1

الطريقة الثانية إختبار الموقع عبر مواقع  تتيح  تحميل موقعك على أجهزة إفتراضية بمختلف القياسات، ماعليك إلا نسخ رابط على أحد هذه المواقع وعمل معاينة.

الموقع الأول:  Mobile-Friendly  ميزة من جوجل لإختبا تناسق المدونة مع الهواتف

الموقع الثاني : Am I Reponsive

الموقع الثالث: Mobile Reponsive Design Testing  معاينة الموقع علي أحجام مختلفة من الأجهزة فى ٱن واحد

الموقع الرابع: MobileTest  مع إختيارالجهاز المراد عمل معاينة الموقع عليه

مشاهدة الشرح

أرجو أن أكون قد أفدتكم ولو بقليل