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

كتب يوم : 16 يونيو 2013 - تصنيف : تصميم مواقع انترنت - مشاهدات 1

السلام عليكم زوار مدونتي المتواضعة … هل عانيت يوماً من عدم ظهور صور مقالاتك عند مشاركتها على الفيس بوك ؟

إن كنت من هؤلاء فـأنا أعلم كيف تشعر … تضرب أخماساً في أسداس ومنتهى الحيرة … لماذا لا تظهر الصور ؟ :O

الأخبار السارة أن الأمر ليس مستحيل تحقيقه ، بكل بساطة ستحتاج لكتابة بعض الأسطر في موقعك لتسهل على الفيس بوك التعرف على الصورة الأساسية للمقال

كل ما عليك فعله هو تضمين الكود التالي بين وسمي الـ head في موقعك

<meta property="og:image" content="http://example.com/image.jpg" />

استبدل رابط الصورة في content برابط صورة المقال الرئيسية ، وإن كنت تريد أن يتم تغيير الرابط تلقائيا حسب الصورة الأصلية لكل مقال فهذا يحتاج منك أن تتواصل مع مطور موقعك لبرمجتها لك ، إلا أننا سنرفق الكود الخاص بالإضافة التلقائية للوورد بريس ، قم بتضمين الكود التالي في ملف الـ functions.php الخاص بقالبك الحالي :

function insert_image_src_rel_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
// الكود التالي يقوم بالبحث عن الصورة الرمزية للتدوينة
// فإذا لم يجد صورة يقم بتحميل الصورة الإفتراضية للقالب
// قم باستبدال رابط الصورة بالرابط الخاص بقالبك
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
echo ‘<meta  property="og:image"  content="’ . $default_image . ‘" />’;
}
// في حال العثور على صورة رمزية بالتدوينة
// يقم الكود تلقائياً بتعريفها كصورة رمزية للتدوينة ويخبر فيس بوك بذلك
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘full’ );
echo ‘<meta property="og:image" content="’ . esc_attr( $thumbnail_src[0] ) . ‘" />’;
}
echo "
";
}
// الكود التالي يقم بتضمين كود الصورة بين وسمي الهيد في موقعك
add_action( ‘wp_head’, ‘insert_image_src_rel_in_head’, 2 );

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

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

ملحوظة أخيرة : لابد أن لا يقل حجم الصورة الرمزية عن 200 × 200 بيكسل

أتمنى أن أكون أفدتكم ، لو أعجبتك التدوينة ، من فضلك أترك تعليق 🙂

وسوم :

facebook thumb