Custom Facebook Feedプラグインを本サイトにも導入してみました

先のエントリーで、Custom Facebook Feedプラグインの改造版を使ってデモサイトにFacebookのタイムラインを表示させてみました。うまくいったので、こちらの本サイトのトップページにもFacebookのタイムラインを表示するようにしました。

少し設定を変えたところがあります。

まず、表示されているFacebookの記事本文部分に、Facebook本体へのリンクを貼りました。プラグインの「Post Text」のカスタマイズで、「Link Text to Facebook Post」という項目にチェックを入れると、自動的にリンクがはられます。

ところが、この機能を有効にすると、改造で挿入したサムネイル写真へのimgタグが効かなくなってしまいます。そこで、改造コードの挿入部分を変えました。改造用コードの挿入を、「custom-facebook-feed.php」の1557行目あたりではなくで、1644行目の下に変更します。

ついでに、Facebookの投稿に画像を使っていない場合にはダミー画像を表示するようにしました。130x97pxの画像を用意して、pictureが取得できなかった場合にはダミー画像のURLを挿入させます。

$yy_picture = $news->picture; //jsonから画像URLを取得
if(!$yy_picture) $yy_picture = "https://yakuway.com/**********/fb_icon.jpg"; //画像がない時はダミー画像 
$cff_post_text .= '<img style="float: left; margin: 0 10px 5px;" src=' . $yy_picture . ' />'; //投稿本文の前に画像を挿入

 

※細かいことを言うと、本当はサムネイル写真にFacebook記事へのリンクを付けたかったのですが、$post_textであれ$cff_post_textであれ、後半のほうでhtmlタグを除去するしくみに引っかかってしまうので諦めました(笑)。