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

วันนี้นั่งๆ ดู 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) ไปแชร์ ^^