Home เขียนโปรแกรม ดึง thumbnail ของโพสต์ใน wordpress มาแสดงบนเฟสบุ๊กตอนกดแชร์ลิงค์

ดึง thumbnail ของโพสต์ใน wordpress มาแสดงบนเฟสบุ๊กตอนกดแชร์ลิงค์

by gigkokman

วันนี้นั่งๆ ดู facebook page ของบล็อกรู้สึกว่าต้องมีการปรับปรุงรูปที่ดึงมาแสดงตอนกดแชร์ลิงค์ เพราะตอนนี้เลือกเอา logo ของบล็อกรูปเดียวเลย มองดูแล้วมันดูไม่ค่อยน่าสนใจเท่าไหร่ ก็เลยเปลี่ยนเป็นดึงเอา thumbnail มาแสดงดีกว่า หลากหลายดี ^^

การใช้รูปเดิมๆ เป็น thumbnail สำหรับแชร์เฟสบุ๊ก ดูแล้วไม่ค่อยน่าสนใจเพราะไม่ค่อยสื่อถึงเนื้อหาที่แชร์เท่าไหร่

duplicate-thumbnail-on-facebook-page

สำหรับใครที่ใช้ thumbnail อยู่แล้วก็สบายเลย แต่ถ้าใครยังไม่เปิดใช้ thumbnail ก็สามารถเข้าไปดูวิธีการใช้งานได้ “การเปิดใช้งาน wordpress thumbnail” พอเรามี thumbnail แล้วก็ถึงเวลาเอามาใช้แล้ว ^^

โดยการเข้าไปแก้ไขไฟล์ functions.php เพิ่มฟังก์ชันเข้าไปครับ และขนาดของ thumbnail ต้องมีขนาด 200×200 ขึ้นไปนะครับ ไม่งั้นไม่ผ่านเกณฑ์ของเฟสบุ๊ก ก็จะใช้ไม่ได้อีกครับ

function insert_fb_in_head() { global $post; if ( !is_singular()) //if it is not a post or a page return; $ogImage = 'http://www.imooh.com/logo.jpg'; //อย่าลืมเปลี่ยนเป็นรูปของบล็อกตัวเองนะครับ if( has_post_thumbnail() ) { $ogImage = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'); $ogImage = $ogImage[0]; } echo '<meta property="og:image" content="',$ogImage,'"/>'; } add_action( 'wp_head', 'insert_fb_in_head');

เราก็จะได้หน้าตาตอนเรากดแชร์โพสต์ประมาณนี้ครับ

custom thumbnail for facebook

เท่านี้ก็เรียบร้อยครับ การทำงานคือ ถ้าโพสต์ที่เรากำลังจะแชร์มี thumbnail ก็ให้เอา thumbnail มาแชร์ แต่ถ้าไม่มีก็ให้เอารูปเดิมของเรา (http://www.imooh.com/logo.jpg) ไปแชร์ ^^

You may also like