WordPress

【WordPress】ウェブサイトにFacebookのフィード、イベントや写真を表示するFacebook Feed

April 1, 2017
Facebook Feed WD


Facebook Feed WDはウェブサイトにFacebookのフィード、イベントや写真を表示するプラグイン。レスポンシブ対応、フィードの自動更新、ウィジェット表示、ショートコード表示など機能豊富です。

Facebook Feedプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Facebook Feedを検索
有効化にするとFacebook Feed WD、ウィジェットにFacebook Feed WD、エディタにInsert Facebook Feedが追加されます。

Edit options

Facebook app Id FacebookのアプリケーションID
Facebook app Secret Facebookのアプリのシークレット
Facebook login / logout: Facebookのログイン/ログアウト(Proバージョンのみ)
Feed autoupdate interval フィードの自動更新間隔
Timezone タイムゾーン(空のままにした場合、サーバーのタイムゾーンが使用されます)
Date format for posts 投稿の日付フォーマット
Date format for events イベントの日付フォーマット

変更箇所はFacebook app ID、app Secretだけでもいいと思います。日付フォーマットなどは任意で変更してください。
Facebook app ID、app SecretはFacebook Developers Appsで調べるか作成します。

Create new Facebook Feed WD


フィードからAdd newをクリックします。Nameを入力し、FB typeを選択します。

FB type: Page


Page urlを入力します。

FB type: Group


https://lookup-id.com/にFacebook Profile URLを入力し、表示されるIDをGroup idにコピペします。

Show posts by 投稿を表示
Number of posts 投稿数
Published 公開
Update アップデート

View settings

Width
Height 高さ
View style 表示スタイル
Show comments コメント表示
Show likes いいね表示
Show message(description) メッセージ表示
Show share シェア表示
Show share buttons シェアボタンを表示
Show Facebook button Facebookボタン表示
Show Twitter button Twitterボタン表示
Show Google+ button Google+ボタン表示
Show author 著者表示
Show post name ポストの名前を表示
Show place name 地名を表示
Show feed name フィード名を表示します
Show Page Plugin ページのプラグインを表示
Pagination type ページネーションの種類
Objects per page ページあたりのオブジェクト
Image Onclick 画像をオンクリック

Post

  1. Maximum Post message(description) Length 最大ポストメッセージ(説明)長さ
  2. Link to facebook Facebookのへのリンク

SAVEをクリックします。

ウィジェット


ウィジェットを移動させます。フィードを選択し、投稿表示数、外形寸法を入力し、保存します。


表示例。

エディタ


ビジュアルタブにするとInsert Facebook Feedが追加されているのでクリックします。

上記画像のようにウィンドウが表示されるのでフィードを選択してショートコードを挿入します。


完成。