« iPhoneでサイボウズLiveを使いまくるぞ！ | ホーム | MovableTypeにもFacebookコメントシステムを導入！ »

2011年2月26日

［WordPress］Facebookのサムネイルはこうして出す！

以前、【WordPress】Facebookのサムネイル選択ができるようになった！というブログを書いてなんとかサムネイルを出せるようになったんですが、気分転換にWordPressのテーマ変えたら、あっさりとでなくなり、また色々しながら、出せるようになったりと、本当に面倒。。

で、さらに色々して、今回はプラグインに仕込みだせるようになりました！このプラグインをアップデートすると、また出なくなるんですが...

ま、さすがに悩んだだけあって、ようやく理屈が理解できました。

そんな情報を皆さんにSHAREしますね！

Facebookのサムネイルってブログ記事からどうやって判別されるの？

サムネイル画像は「og:iage」っていうプロパティで指定されているんですよ。下記のリンク先の記事を見ながらやってみたのですが、いいね！だけでなく、Facebookへリンク投稿したときなどに出るサムネイルも同じですよ。

WordPress: facebookの「いいね」に使われる画像を指定するコード書いた - Hinemosu

じゃあ実際にどうやったの？

今回、tkosumi.comのWordPressサイトでは次の手順で設定してみました。以前は、テーマ編集→header.phpというファイルを編集し、<head>タグの中に仕込んだのですが、今回はプラグインですね。

WordPressのプラグインで「WP-OGP」というプラグインをインストール

このプラグインは、ブログの中にOpen Graph Protocolのタグを追加するプラグインです。

wp-content/plugins/wp-ogp/wp-ogp.php というファイルを編集

wpogp_image_url()
という関数がありますので、次のような感じで編集しときます。

//$image = get_the_post_thumbnail_src(get_the_post_thumbnail($post->ID));
$image = get_the_post_thumbnail_src($post->post_content);

簡単に説明すると、サムネイル設定されているのでなく、最初に出てきた画像のリンクをとるようにしています。アイキャッチ画像などを使っている人は、wp_get_attachment_image_src()とか使うとできるそうですよ。