【WordPress】アイキャッチ画像をFacebookのOGPに指定する方法

Jul 23, 2012

WordPressのアイキャッチ画像を使って、FacebookのOGPを設定するととても便利です。
しかし、記事を書く度に毎回OGP画像を用意するというのは結構面倒ですよね……。

できれば、気が向いたとき(気合の入ったとき)だけOGP画像を設定したい!
そんな人向けの設定がこちらです。header.php内の、headタグ内にコピペして使ってください。

<?php
if(is_single() && 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://shirasaka.tv/img/shirasakablog.png" />';
}
?>

「アイキャッチ画像」を設定してるときだけ、その画像のURLをOGP画像として使い、
未設定のときは、あらかじめ決まった画像(上記の例の場合は http://shirasaka.tv/img/shirasakablog.png )をOGP画像として使う、という仕様です。
上記のソースをコピペし、「http://shirasaka.tv/img/shirasakablog.png」の部分を普段表示させたいOGP画像のURLに書き換えてください。

「記事を書く度にOGP画像設定は面倒だけど、『ここぞ!』のときには違う画像をOGP画像として使いたい!」
という方はぜひ使ってみてください!

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

手塚治虫展に行ってきました。