طريقة جعل قوالب بلوجر الافتراضية متجاوبة بسهولة جدا

عدد مشاهدات الموضوع:

عندما ظهرت القوالب الديناميكية أحسست أن بلوجر تبلغ لمستخدميها رسالة خاصة جدا بأنها ستركب موجة التطور التكنولوجى فى لغات البرمجة وأجدد قولى الأن أن بالفعل البداية الجديدة لمدونات بلوجر هى القوالب الديناميكية. تلك المقدمة كانت هامة لنقطتين أولهما للتأكيد على مستقبل منصة بلوجر وثانيهما قصة التجاوب مع الأجهزة المختلفة سواء هواتف أو أجهزة ذكية كالايفون والتابلت وغيرهم.

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

أولا: يجب عليك تعطيل أداة navbar فقط قم بالدخول الى تخطيط layout واضغط تعديل ثم اضغط off

ثانيا: التعديل على أكواد الصور لجعلها متجاوبة فقط قم باستبدال الكود التالى بالكود الذى يليه

ثالثا: قم باستبدال الكود التالى بالكود الذى يليه

رابعا: قم بالبحث عن  </head>  وأضف فوقه أو قبله الكود التالى

خامسا: قم بحفظ القالب الافتراضى من بلوجر ومبارك عليك فقالبك الأن متجاوبا مع الهواتف والأجهزة الذكية.

شكرا +AdhySuryadi على شرحه للإضافة.