【WordPress】Instagramのフィードを表示するプラグイン「Instagram Feed」の設定方法を解説

WordPressサイトを運営しており、サイドバーやフッターにInstagramのフィードを表示させる方法をお探しの方向け。

Webサイトやブログを運営していて、Instagram（インスタグラム）に写真を投稿している方は、このように考えたことはありませんか？

この記事では、Instagramのフィード（タイムライン）をWebページやウィジェット（サイドバー・フッター）に表示させる事ができるプラグイン「Instagram Feed」をご紹介します。

このプラグインはたまにエラーを起こしますので、もし、表示されないときは公式サイトの更新ログを確認して下さい。
https://smashballoon.com/instagram-feed/change-log/

好きなところから読めます

Instagram Feedならシンプル操作でInstagramの画像を綺麗に表示できる

「Instagram Feed」は、Instagramのフィード（タイムライン）をショートコードを貼り付けるだけで簡単に表示させる事ができる、無料のWordPressプラグインです。

表示させる写真の枚数、写真表示の列、写真のサイズ等も簡単に設定できますので、「InstagramのフィードをWebサイトに表示させたい！」という方にはおすすめです。

それでは早速、Instagram Feedを使って、WebサイトにInstagramのフィードを表示させてみたいと思います。

Instagramのフィード表示プラグインInstagram Feedの設定手順を解説します。

上記のとおりです。

まずはプラグインをインストールします。

ダッシュボード＞プラグイン＞新規追加 を選択します。

プラグイン検索窓に「Instagram Feed」と入力するとプラグインが表示されますので、「今すぐインストール」をクリックします。

インストール終了後「有効化」をクリックして、プラグインを有効化します。

左側メニューに、「Instagram Feed」という項目が追加されたことが確認できればOKです。

プラグインとInstagramのアカウントを接続します。

ダッシュボード＞Instagram Feed を選択します。

「Configure」の［Connect an Instagram Account］というボタンをクリックします。

Instagramのアカウントにログインするよう求められますので、①メールアドレスと、②パスワードを入力し、③ログインをクリックします。

ログイン後、下図のような接続確認の画面が表示されますので、「Authorize」をクリックします。

接続が成功すると、Instagram Feedの設定画面にInstagramアカウントが表示されます。

以上でプラグインとInstagramアカウントの接続は完了です。

Instagramのアカウントを接続したら、Instagramのフィードを表示させることができるショートコードを取得します。

ショートコードは設定画面の下の方にあります。

ちなみに、Instagram Feedは特に設定しなくてもそのまま使う事ができますが、いくつか設定項目がありますので一応解説しておきます。

各項目の内容は次のとおりです。

①Preserve settings when plugin is removed：チェックを入れるとプラグイン削除時の設定が保存され、再インスト―ル時に削除前と同じ設定を引き継ぐことができます。
②Are you using an Ajax powered theme?：使用しているテーマがAjaxを使用している時はチェックを入れて下さい（分からない場合はテーマ作成者にご確認下さい）。
③Check for new posts every：キャッシュの時間を設定できます。初期設定では1時間です（1時間毎にキャッシュをクリアして更新情報を取得します）。
④変更を保存：設定の保存ボタン
⑤[Instagram-feed]：このショートコードをWebページやウィジェットに貼り付けることで、Instagramのフィードを表示させる事ができます。