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

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

custom thumbnail for facebook

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