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