الاثنين، 20 يوليو 2015

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

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

Ha Zard
2:56 م
السلام عليكم و رحمة الله تعالى و براكته , اليوم ان شاء الله سنتطرق الى الدرس الأول من حلول جعل قالب متوافق مع جميع الشاشات 
فهو شيئ رائع أن يكون لك قالب متوافق مع جميع الشاشات , قالب خاص بك و قالب ذكي يستطيع الجميع أن يتصفحه من كل الأجهزة مثل الهواتف و ال 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'/> 
و لتجربة تصفح موقعك عبر الهاتف أو التابلت أو مختلف الشاشات يمكنك معاينة هذا الدرس من هنا 
قم بمشاركة الموضوع: 

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً