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

この記事は内容が古くなっています。最新の情報はこちらをご覧ください。

ウェブデザイン【Y_Y】

Smash Balloon Custom Facebook Feed 4.0（最新版）について

https://yakuway.com/2021/09/07/1757/

WordPressとFacebookページを連携させるためのプラグイン、Smash Balloon Custom Facebook Feed（Smash Balloon Social Post Feed）の最新バージョンが「4.0」になりました。今回は大幅なアップデートになりました。複数のFacebookページが設定できる、プレビュー画...

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

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

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

１．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」とすればよいでしょう。

２．432行目に、以下の行を追加します。

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

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

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

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

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