【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="https://shirasaka.tv/img/shirasakablog.png" />';
}
?>

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

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

TWEET?