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

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

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

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

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


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

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

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

4 تعليقات

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

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

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

    ردحذف
  3. عزيزي لماذا لايظهر عندي الكود عند البحث؟؟

    ردحذف
    الردود
    1. هذا الحل كان قبل تحديث بلوجر الاخير يا اخي ان لم تجد الحل تابعني ساقوم بشرحه

      حذف

إرسال تعليق

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

اعلان بعد ثاني فقرة
اعلان بعد ثالث فقرة