Smash Balloon Social Post Feedで写真を表示させる方法

WordPressとFacebookを連携させるためのプラグイン「Smash Balloon Social Post Feed 2.18.2」(現時点での最新バージョン)のカスタマイズについて、記述します。

サムネイル画像を取得して表示させるには、以下のような改変を行います。

書き換えを行うのは、プラグインフォルダ内にあるcustom-facebook-feed/inc/CFF_Shortcode.phpというファイルです。

1.74行目を以下のように書き換えます。

$cff_posts_json_url = 'https://graph.facebook.com/v4.0/' . $this->page_id . '/' . $graph_query . '?fields=id,from{picture,id,name,link},picture,message,message_tags,story,story_tags,status_type,created_time,backdated_time,call_to_action,attachments{title,description,media_type,unshimmed_url,target{id},media{source}}&access_token=' . $this->access_token . '&limit=' . $cff_post_limit . '&locale=' . $cff_locale . $cff_ssl;

「message」の前に「picture」を追加することで、Facebookに投稿したサムネイル画像のurlを取得することができます。フルサイズの画像を取得したいなら、「full_picture」とすればよいでしょう。

2.432行目に、以下の行を追加します。

isset($news->picture) ? $picture = $news->picture : $picture = '';

Facebookから取得した画像のurlデータを$pictureという変数に代入します。

3.836行目に、以下の内容を追加します。

$post_text = '<img style="float: left; margin: 0 10px 5px;" src=' . $picture . '>' . $post_text;

このように改変すると、以下のような感じでサムネイルを表示させることができます。