1 يناير 2015

كيف تعرف ان قالب مدونتك متجاوب مع جميع الشاشات ام لا

السلام عليكم من الامور المهمة ان يكون قالب مدونتك متجاوب Responsive لمادا  بكل بساطة لاستهداف جميع المستخدمين خاصة اصحاب الهواتف الدكية التي اضحت تغزو الساحة بشكل سريع فالقالب المتجاوب مع جميع الشاشات يكون فيه التصفح اسهل والوصول الى المواضيع زد على دالك اهمية محركات البحث التي تراعي هده الميزة بشدة.






 يمكن اختبار العملية من خلال هدا الرابط
mobile-friendly فقط ادخل رابط الموقع وانتظر النتيجة

اما ادا كانت النتيجة غير دالك فاعلم انك تخسر الكثير من الزوار يوميا , لدالك سارع لتغيير القالب واستعمال قالب متجاوب او اتبع هده الخطوات وادا لم تعمل  معك  غير القالب 

  1. توجه الى لوحة تحكم بلوجر
  2. القالب
  3. تحرير html
  4. ابحث عن    
</head>

ثم اضف فوقه 

<meta content='width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes' name='viewport'/>

ثم بعدها ابحث عن   ]]></b:skin>

ثم ضف فوقه هدا الكود

 Responsive styles ******************************************/ @media screen and (max-width : 1280px) { /* CSS FOR NETBOOK AND DESKTOP ------------*/ } @media screen and (max-width : 1024px) { /* CSS FOR TABLETS ------------*/ } @media screen and (max-width : 768px) { /* CSS FOR SMALL TABLETS ------------*/ } @media screen and (max-width : 640px) { /* CSS FOR IPHONE ------------*/ } @media screen and (max-width : 480px) { /* CSS FOR MOBILES ------------*/ } @media screen and (max-width : 320px) { /* CSS FOR SMALL OLD MOBILES ------------*/ } /***************************************************

الحين احفظ القالب ولاحظ النتيجة
من خلال هدا الموقع 
كما يمكنك تحميل قوالب متجاوبة من هنا 

ليست هناك تعليقات

إرسال تعليق

جميع الحقوق محفوظة © 2015 أبو نزار للمعلوميات ® سياسة الخصوصية