إضافة الصورة البارزة للمقالات تلقائيا

إضافة الصورة البارزة للمقالات تلقائيا

السلام عليكم ورحمه الله وبركاته ,
حصريا على مدونة عرب تكنولوجي لحلول الويب نقدم لكم طريقة تغيير قالب احد المواقع لقالب جديد اذا كانت هناك مشكلة في ان القالب القديم كان يعتمد في اظهاره للصورة المصغرة على جلبها تلقائيا من محتوى المقالة نفسه ثم تصغيرها للحجم المناسب عن طريق timthumb، لكن القالب الجديد يعتمد فقط على وجود صورة بارزة معدة لكل مقالة بالتالي فالقالب الجديد عند استخدامه لا يظهر اي صورة بارزة فالمقالات جميعها لم يتم اعداد صورة بارزة لها نظرا لطبيعة القالب المستخدم قديما.

الآن للتغلب على هذه المشكلة كان الحل في استخدام اضافة Easy Add Thumbnail، هذه الاضافة تقوم باعداد الصورة الاولى المرفقة للمقالة كصورة بارزة تلقائيا بالفعل نجح الامر وظهرت الصور البارزة لمعظم المقالات.

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

الحل :
قد يتطلب اما التعديل في القالب لدعم الطريقة التي كانت يعتمد عليها القالب القديم او التعديل اليدوي على هذا العدد الكبير من المقالات واعداد صورة بارزة لهم، لكن بالنظر في محتوى هذه المقالات نجد ولحسن الحظ ان ووردبريس يقوم باضافة كلاس خاص بكل صورة يتم ادراجها من مكتبة الوسائط داخل المقالة

كما نلاحظ ان الكلاس الاخير “wp-image-480” يحمل في نهايته رقما، هذه الرقم هو المعرف الرقم – الـ ID – الخاص بهذه الصورة المدرجة شيء ممتاز يمكننا الاستفادة من هذه الميزة لاعداد الصورة البارزة لبقية المقالات.
الطريقة: سنقوم بالبحث داخل محتوى كل مقالة لا تحمل صورة بارزة وباستخدام تعبير قياسي مناسب regex سنجلب المعرف الرقمي الخاص باول صورة مدرجة داخله والاعتماد عليه لاعداد الصورة البارزة.
الكود المستخدم:

شرح الكود السابق:
اولا : قمنا بعمل دالة image_id_from_content تقوم بالبحث داخل محتوى المقالة اعتمادا على الـ ID الخاص بها وتقوم بارجاع الـ ID الخاص باول صورة مدرجة به.
ثانيا : قمنا بعمل دالة featured_auto_set تقوم باعداد الصورة البارزة للمقالة باستخدام الـ ID الذي تقوم بجلبه الدالة السابقة وقمنا بتطبيق هذه الدالة على الـ action hook المسمى the_post.
يمكنك استخدام هذه الكود كاضافة او في ملف functions الخاص بالقالب المستخدم عن نفسي قمت باستخدامه داخل اضافة Easy Add Thumbnail مع الاختلاف بما يناسب سياق الاضافة .

717 كل المشاهدات 1 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *