اصلاح الصور الضبابية في قوالب بلوجر .

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

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

هل يمكن اصلاح الصور الضبابية في قوالب بلوجر؟

نعم فـ بدون صور يصبح القالب لا فائدة منه علي الاطلاق . و هذا حق المستخدم لانها من اساسيات اي  شيئ موجود علي الانترنت . ليس فقط علي المواقع او مدونات بلوجر . انا اري ذلك غير عادل تماما . سنعرف الان طريقة حل واصلاح هذه المشكلة .

كيفية إصلاح صور مواضيع المدونة وتحسين ظهورها .

نأتي الآن إلى حل مشكلة اصلاح الصور المعطوبة و التالفة في المواضيع و سنقسم الحل إلي قسمين  .

امكانية ضبط الصور لمدونات بلوجر .

أولا: حل مشكلة صورة المشاركات في قوالب مثل قالب سكويز النسخة المجانية .

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

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

ثانيا: إصلاح صور بلوجر في القوالب الاخري .

اذا كنت تستخدم قالب اخر و وجدت الصور تظهر بشكل ضبابي , او انك قد جربت الحل الاول كما لقالب سكويز و لم ينجح الامر معك ما عليك سوي ان تقوم بتطبيق التالي :

1. من لوحة تحكم بلوجر اذهب الي المظهر .
2. قم بالانتقال الي تعديل اكواد html كما في الصورة .
3. قم بالضغط علي ctrl + F لإظهار حقل البحث .
4. اذهب للحقل و قم بالبحث علي هذا الكود  .

    <b:if cond='data:post.thumbnailUrl'>

كما هو موضح بالصورة .

ستجد الكود علي هذا الشكل ركز معي قليلا .

قم باستبدال هذا الكود  .

   <b:if cond='data:post.thumbnailUrl'>
      <div class='thumbnail'>
         <img expr:src='data:post.thumbnailUrl'/>
      </div>
      <div class='snippet'>
         <data:post.snippet/>
      </div>
   </b:if>
</b:if>

الذي هو ضمن .

<div class='post hentry'> 

بالكود التالي كما هو موضح بالصورة .

<b:if cond='data:post.thumbnailUrl'>
   <a expr:href='data:post.url'>
      <img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 991, )' expr:title='data:post.title'/>
   </a>
</b:if>

ثم اضغط علي حفظ .

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

قم بالرجوع الي لوحة تحكم بلوجر ثم قم بعرض مدونتك , و ستجد انه قد تم حل المشكلة كما في هذه الصورة :

بذلك نكون قد قمنا باصلاح مشكلة من المشاكل التي من الممكن ان تواجهها لمدونة بلوجر . و في المقالات القادمة سنقوم باستعراض أخطاء و حلها . و اضافات و ادوات تساعدك علي إنشاء مدونة تكون خالية من اي خطأ . و سنري كيف نقوم بـ  تطبيق و فحص المدونة و المحتوى ليناسب محرك google .

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

تحميل الاكواد التي تم ذكرها في المقال :

يمكنك التحميل من خلال هذا الزر .

تحميل اضغط هنا .

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

تابعوا موقع اتعلم بلوجر عبر غوغل نيوز