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

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

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

الموقع الأول:  Mobile-Friendly  ميزة من جوجل لإختبا تناسق المدونة مع الهواتف
الموقع الثاني : Am I Reponsive
الموقع الثالث: Mobile Reponsive Design Testing  معاينة الموقع علي أحجام مختلفة من الأجهزة فى ٱن واحد
الموقع الرابع: MobileTest  مع إختيارالجهاز المراد عمل معاينة الموقع عليه
مشاهدة الشرح

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

مدون شغوف أعشق التدوين المعلوماتي ، والإطلاع على آخر مستجدات التقنية وعالم الأنترنت ..أقدم أخبارا تقنية أولا بأول في مجال الهواتف الذكية والشبكات الإجتماعية

شارك الموضوع

مواضيع قد تهمك