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

+ حجم الخط -
اصلاح الصور الضبابية في قوالب بلوجر

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

سلام عليكم اخواني في الله . في هذا الدرس  نتحدث عن مشكلة من مشاكل بلوجر . التي واجهت العديد من مستخدمين المدونات في منصة بلوجر,  بعد تحديثات عام 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 .

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


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

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

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

2 تعليقات

يرجي التعليق باسلوب مهذب و عدم نشر روابط الاحالات و التسويق الالكتروني

  1. شكرا جزيلا وبارك الله فيك

    ردحذف
  2. و بارك فيك اسعدني مرورك اخي الكريم

    ردحذف

إرسال تعليق

يرجي التعليق باسلوب مهذب و عدم نشر روابط الاحالات و التسويق الالكتروني