طريقة جعل قالب متوافق مع جميع الشاشات { الحل 1 }

السلام عليكم و رحمة الله تعالى و براكته , اليوم ان شاء الله سنتطرق الى الدرس الأول من حلول جعل قالب متوافق مع جميع الشاشات 

فهو شيئ رائع أن يكون لك قالب متوافق مع جميع الشاشات , قالب خاص بك و قالب ذكي يستطيع الجميع أن يتصفحه من كل الأجهزة مثل الهواتف و ال TABLETS لذالك اليوم سنتطرق للحل الأول و هو عبر تفعيل خاصية ال pinch to zoom و هذه الخاصية تستعمل بكثرة في المواقع الاخبارية و هي تعنى قابلية التقريب والابعاد باستخدام أصابع اليد لتمكن القارئ من جودة أفضل للقراءة لتدويناتك والاطلاع على مدونتك بصورة أفضل .

بطريقة سهلة جدا و بكود واحد بسيط نستطيع توفير هذه الاضافة للزائر 

بعد الدخول الى لوحة تحكم مدونتك ثم الى قالب ثم تحرير HTML 

تقوم بالبحث عن الكود التالي 

</head>

بعد ذالك نقوم باضافة الكود التالي فوقه 

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

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

http://www.dzprofessionale.com/2014/03/inspect-element-chrome.html

أساسيات جعل قالب بلوجر متجاوب مع جميع الأجهزة