ماهو التصميم المتجاوب ؟ و كيفية عمل تصميم مجاوب ؟

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

ماهو التصميم المتجاوب في القوالب :

تجاوب القالب - responsive template هو جعل القالب متوافق مع عدة أجهزة مثل أجهزة الأندرويد و الأيفون و الأجهزة اللوحية, و أن يأخد القالب قياسات تناسب عرض الجهاز الظاهر عليه القالب حيث و من أجل جعل القالب متجاوب يستخدم فيه إحدى خصائص ال css فقط و هو عكس القالب الثابث - static template الذي يأخد قياسات الحاسوب أو الأجهزة اللوحية على جميع الأجهزة.

مثال على قالب متجاوب :

كيفية جعل القالب متجاوب :

من أجل أ، تقوم بجعل القالب متجاوب ماعليك سوى و ضع هذه الأكواد :

@media screen and (max-width 600px){ }
الأن إذا قمت بالعمل على هذا القياس ستعمل فقط على الأجهزة ذات العرض 600px ومن الأفضل العمل بالنسبة المؤية لجعل القالب أكثر تجاوبا.
و داخل اللامات قم بإدخال الستايلات التي تريد أن تطبقها في قياس 600px.
و كل مرة تريد أن تقوم بتغيير عرض الجهاز قم بنقل نفس الكود ثم غير 600px حسب قياس عرض الجهاز الجديد مع تغيير الستاسيلات الموجودة داخل اللامات.