اصلاح الصور الضبابية في قوالب بلوجر .
سلام عليكم اخواني في الله . في هذا الدرس نتحدث عن مشكلة من مشاكل بلوجر . التي واجهت العديد من مستخدمين المدونات في منصة بلوجر, بعد تحديثات عام 2020 في واجهة بلوجر . و هي تحديث بعض الأكواد الخاصة بلغة HTML في عرض الصور . ايضا سنقدم لك شرح الحلول التي تساعدك في حل هذه المشاكلة نهائيا .ترتب علي ذلك ان الصور اصبحت تعرض بشكل ضبابي في واجهة معظم قوالب بلوجر , مما دفع الدعم الفني لبعض اصحاب القوالب المدفوعة بتطوير و اصلاح قوالبهم , باستثناء النسخ المجانية حيث لم يتم تطويرها بغرض زيادة طلبات الشراء مع المميزات الاخري للـ قوالب المدفوعة . مهما كان لا يجب اقتصار إصلاح الصور علي القوالب المدفوعة .
هل يمكن اصلاح الصور الضبابية في قوالب بلوجر؟
نعم فـ بدون صور يصبح القالب لا فائدة منه علي الاطلاق . و هذا حق المستخدم لانها من اساسيات اي شيئ موجود علي الانترنت . ليس فقط علي المواقع او مدونات بلوجر . انا اري ذلك غير عادل تماما . سنعرف الان طريقة حل واصلاح هذه المشكلة .
كيفية إصلاح صور مواضيع المدونة وتحسين ظهورها .
نأتي الآن إلى حل مشكلة اصلاح الصور المعطوبة و التالفة في المواضيع و سنقسم الحل إلي قسمين .
امكانية ضبط الصور لمدونات بلوجر .
أولا: حل مشكلة صورة المشاركات في قوالب مثل قالب سكويز النسخة المجانية .
لإصلاح صور الموقع الحل بسيط جدا , هو انك عند كتابة المحتوي أو اي مقال و تضع صورة له قم بالضغط علي اعدادات الصورة و قم بتحديد خيار الحجم الأصلي . و اذا كان المقال موجود من قبل و تحتاج الي اصلاح صورته اذهب الي تعديل المقال . ثم غير حجم الصورة الي الحجم الاصلي كما هو موضح في الصور التالية .
بعد نشر المقال و الذهاب الي صفحة الموقع الرئيسية ستجد أن المشكلة قد تم حلها و ظهور الصور بشكل طبيعي .
ثانيا: إصلاح صور بلوجر في القوالب الاخري .
اذا كنت تستخدم قالب اخر و وجدت الصور تظهر بشكل ضبابي , او انك قد جربت الحل الاول كما لقالب سكويز و لم ينجح الامر معك ما عليك سوي ان تقوم بتطبيق التالي :
- من لوحة تحكم بلوجر اذهب الي المظهر .
- قم بالانتقال الي تعديل اكواد html كما في الصورة .
- قم بالضغط علي ctrl + F لإظهار حقل البحث .
- اذهب للحقل و قم بالبحث علي هذا الكود .
<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 .
يمكنك مشاهدة الشرح فيديو علي منصة اليوتيوب في اسفل المقال .
تحميل الاكواد التي تم ذكرها في المقال :
يمكنك التحميل من خلال هذا الزر .
اذا واجهتك اي مشكلة ضعها في التعليقات او عبر صفحة اتصل بنا , و سوف نقوم بالرد عليك و حل مشكلتك في اقرب وقت ممكن , كما يمكنك ايضا الاشتراك في المدونة ليصلك كل جديد من مواضيعنا .

تابعوا موقع اتعلم بلوجر عبر غوغل نيوز
تعليقات: (0) (يمكنك التعليق برابط صورة او فيديو) إضافة تعليق
يرجي التعليق باسلوب مهذب و عدم نشر روابط الاحالات و التسويق الالكتروني