WordPress
【WordPress】ウェブサイトにFacebookのフィード、イベントや写真を表示するFacebook Feed
April 1, 2017
Facebook Feed WDはウェブサイトにFacebookのフィード、イベントや写真を表示するプラグイン。レスポンシブ対応、フィードの自動更新、ウィジェット表示、ショートコード表示など機能豊富です。
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
- Maximum Post message(description) Length 最大ポストメッセージ（説明）長さ
- Link to facebook Facebookのへのリンク
SAVEをクリックします。
ウィジェット
ウィジェットを移動させます。フィードを選択し、投稿表示数、外形寸法を入力し、保存します。
表示例。
エディタ
ビジュアルタブにするとInsert Facebook Feedが追加されているのでクリックします。
上記画像のようにウィンドウが表示されるのでフィードを選択してショートコードを挿入します。
完成。
