【WordPress】フェイスブックのフィードをPinterestスタイルで表示。Facebook Stream

facebook_stream_s
Facebook StreamはウェブサイトにPinterestスタイル(レスポンシブ)形式で自分のFacebookのページまたはグループの投稿をタイル状に表示してくれるプラグイン。設定は数ステップでそんなに難しいものではないと思います。テーマはblackとwhiteが選べ、Pro版ではModern Black、Modern Whiteが使えるようです。プラグインページにデモもあります。

Facebook Streamプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Facebook Streamを検索
有効化にするとFacebook Streamが追加されます。

Facebook Stream

facebook_stream_1

Click hereをクリックし、Appの情報をEnter application detailsにコピペします。Appがなければ作成して下さい。
最後にSaveをクリックします。

facebook_stream_2
上記画像のようにShortcode Generatorが表示されます。

Facebook page ID FacebookのページID
Show only posts with media (image, long text, video) メディア(画像、長いテキスト、ビデオ)のみの投稿を表示
Stream theme ストリーム テーマ
Only Owners posts 所有者のみの投稿
Number of posts on stream ストリーム上の投稿数
Number of columns on stream ストリーム上の列の数
Bottom margin (in px) マージンボトム
Boxes padding (in px) ボックスのパディング

Generatorをクリックし、右側のショートコードを表示させたい場所にコピペします。

ショートコード

[facebook-stream limit=”25″ cols=”3″ only_owners_posts=”1″ theme=”black” padding=”10″ margin_bottom=”50″ fb_page_id=”facebookのページID” hide_no_media=”1″]

Stream theme:black

facebook_stream_3

Stream theme:white

facebook_stream_4

 
Facebook Stream

【WordPress】フェイスブックのフィードをPinterestスタイルで表示。Facebook Stream

  • LATEST
  • RELATED
  • POPULAR