[WP]控制分享在社群網站顯示的縮圖「og:image」

LINEで送る
[`evernote` not found]

一般我們要分享網址在sns如facebook上的時候,都會出現該網址的簡要資訊,像是「圖片」,「標題」跟「概要」。可惜許多時候它們並不是那麼的恰當,或是根本跟我們想分享的網址無關,而為了避免這種事情發生在我們自己的網站上,就要好好設一下自己的OGP資訊。

設定前,可以先到facebook的debuger確認一下目前設定的狀況。

設定上,當然也可以透過外掛,但前幾天在東京wordcamp2012分享的白坂 翔同學比較建議我們直接編輯header.php反而更簡單。

code如下:

<?php 
if(has_post_thumbnail()){
	$thumbnail_id = get_post_thumbnail_id($post->ID);
	$image = wp_get_attachment_image_src( $thumbnail_id ,'thumbnail');
	echo '<meta property="og:image" content="'.$image[0].'" />';
}else{
	echo '<meta property="og:image" content="http://justfly.idv.tw/wp-content/themes/twentyeleven/images/justlogo.png" />';
}
?>

還蠻方便的,有興趣的人就試試看嚕~

2 則迴響於《[WP]控制分享在社群網站顯示的縮圖「og:image」

  1. 通告: WordPressは国境を越える!とうれしくなった話 | しらさかブログZ

    • 「日本のクールなクリエイターの白坂翔がWordCampTokyoで話したすごい便利なOGPワザを
      早速使ってみたよ!これは便利!すごい!謝謝!白坂かっこいい!謝謝!」
      まあ、そこまでは言ってないけど、感謝します!WWありがとうね〜

回應已關閉。