【WordPress】インスタグラムのフィードを表示Instagram Feed

instagramfeed
Instagram Feedは簡単にインスタグラムのフィードを表示してくれるプラグインです。レスポンシブにも対応し、フォローボタン、写真の間隔、背景、列の数などカスタマイズできる項目も多く、ショートコードを使用するのでウィジェットにも設置が可能。

Instagram Feedプラグインを導入

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

Configure

instagramfeed_1

Access Token アクセストークン
Show Photos From 写真を表示
Preserve settings when plugin is removed プラグインが削除されたときに設定を保存
Are you using an Ajax powered theme? Ajax駆動のテーマを使用していますか?

Access Token、Show Photos FromをSMASH balloonで調べます。

instagramfeed_3
サイトで上記ボタンをクリックします。

instagramfeed_4
Authorizeをクリックします。

instagramfeed_6
表示される必要項目をコピペします。

Customize

instagramfeed_5

フィードの幅や高さ表示枚数などを設定します。

Display Your Feed

instagram-feed-2
ショートコードの設定方法を確認します。基本は[instagram-feed]で表示でき、[instagram-feed num=9 cols=3]だと9枚写真を3列で表示。
その他にもランダムや背景の色、ボタンのカスタマイズもできるようです。ピンクの背景はPro版のみ使用できます。

instagramfeed_7
完成です。

 
instagram feed

【WordPress】インスタグラムのフィードを表示Instagram Feed

  • LATEST
  • RELATED
  • POPULAR