طريقة الحفاظ علي تجاوب الصور في تصميمات بلوجر المتجاوبة

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

الحفاظ علي تجاوب الصور لا يحتاج العديد من الاكواد فقط قم بالدخول لمنصة تعديل الاكواد في قالبك وبعد ذلك قم بالبحث عن </head> وفوقه مباشرة ضع الكود التالي

<style> img { max-width: 98% !important; } </style>

شرح الكود

هذا الكود يعطي لجميع الصور التي تظهر في مدونتك حد اقصي من العرض وهو 98% من المحيط الذي يشغله مثلا هذة الصورة عرضها 500px فعندما يصبح المحيط الذي تشغله الصورة أقل من 500px ستصبح الصورة خارج هذا الأطار لذا كان هذا الكود محافظاً عليها بداخل الأطار تماماً مهما بلغت نسبة تجاوب القالب الذي تستخدمه.

عن الكاتب

محمد السيد وألقب ب (ميدو) مصري الوطن والجنسية، أبلغ من العمري 20 عاماً، بدأت في مجال التدوين في عام 2011، تدرجت في هذا المجال حتي يومنا هذا وقد بلغت من العلم قليله.

دروس التجاوب دروس بلوجر