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

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

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

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

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

Instagramのフィード表示プラグイン「Instagram Feed」

Instagramのフィード表示プラグイン「Instagram Feed」を使うと、ショートコードを貼るだけで、Instagramのフィードを簡単に表示させる事ができます。

Instagram Feedの特徴は下記のとおりです。

シンプル操作で簡単に設定できます。

Instagram Feedは、「Smash Balloon Social Photo Feed」へと名称変更されました。

名称変更に伴い、Instagram Feedをアップデートせずに使っている方は、フィードが表示されなくなりますので、Instagram Feedをお使いの方は、プラグインをアップデートしましょう。

Instagram FeedからSmash Balloon Social Photo Feedへと名称変更されましたが、ダッシュボードのメニューや、設定画面は「Instagram Feed」と表示されたままです。

基本的な設定方法は同じです。

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

上記のとおりです。

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

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

プラグイン検索窓に「Smash Balloon Social Photo 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のフィードを表示させる事ができます。