この記事ではプラグイン【Smash Balloon Social Photo Feed】を使ってWordPressとInstagrmを簡単に連携する方法を解説していきます。Instagramとの連携を行うことで、InstagramのFeedをWordPressで表示することができるようになります。
Smash Balloon Social Photo Feedとは?
「Smash Balloon Social Photo Feed 」とは、WordPress と Instagramとの連携を簡単に行うためのプラグインです。このプラグインは以前「Instagram Feed」という名前で提供されていました。
Smash Balloon Social Photo Feed には無料版と有料版があります。有料版に比べて多少機能は制限されますが、無料版でも下のようにInstagramのFeedを簡単に表示することができ非常に便利です。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」の結果-1024x564.png)
WordPress と Instagramの連携を行うメリット
WordPress と Instagramの連携を行うことで、WordPressサイトにInstagramで投稿した最新の投稿や特定の投稿を表示することができます。
WordPressサイトにInstagramの投稿を表示することで、Instagramをフォローするユーザーが増え、継続的に最新の情報を伝えることができるというメリットがあります。
Instagramの情報も見てもらいたいという方は是非連携するようにしましょう。
Smash Balloon Social Photo Feedをインストール&有効化!
1. 左側のメニューバーから「プラグイン」→「新規追加」をクリックする。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」インストール方法1-1024x390.png)
2. 「 Smash Balloon Social Photo Feed 」をインストール・有効化する。
右上にある検索欄に「Smash Balloon Social Photo Feed」と入力します。
すると、検索結果に「Smash Balloon Social Photo Feed」が出ていると思いますので、それをインストール・有効化します。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」インストール方法2-1024x520.png)
プラグインの導入方法については下の記事で詳しく解説しているので、「Smash Balloon Social Photo」をうまくインストールできないという方は是非参考にしてみてください。
![](https://www10.a8.net/0.gif?a8mat=3BM3ZV+C7DX82+348+6OHEP)
Instagramのアカウントと連携しよう!
1. 左側のメニューバーにある「Instagram Feed」をクリックします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」設定方法1-1024x477.png)
2. 「Instagramアカウントを接続する」と書かれたボタンをクリックします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」設定方法2-1024x564.png)
3. アカウントタイプを選択し、「Login with Instagram」ボタンをクリックします。
アカウントタイプには「Personal」と「Business」の2つがあります。
個人的な利用の場合は「Personal」を、会社・店舗のサイトなどでの利用の場合は「Business」を選択するようにしましょう。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」設定方法3-1024x520.png)
4. 「許可する」をクリックします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」設定方法4-1024x607.png)
5. 「アカウントを接続する」をクリックします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」設定方法5-1024x390.png)
6. 画面上部に「Successfully conneted」と表示じされていれば、Instagramのアカウントとの連携は完了です!
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」設定方法6-1024x520.png)
InstagramのFeedをサイドバーに表示しよう!
Instagramのアカウントと連携できたら、次はどこに表示するかを設定しなくてはいけません。
まずはサイドバーに表示する方法について説明していきます。
1. 左側のメニューバーから「外観」→「ウィジェット」をクリックします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ウィジェット表示方法1-1024x477.png)
2. 利用できるウィジェットの中から「Instagram Feed」をクリックします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ウィジェット表示方法2-1024x477.png)
3. 「サイドバー」を選択した後、「ウィジェットを追加」をクリックします。
今回はサイドバーに表示したいので、①で「サイドバー」を選択しますが、ここで「記事上部」など、他の部分を選択すると希望の場所に表示することができます。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ウィジェット表示方法3-1024x477.png)
4. 下の画像のようにサイドバーにInstagramのfeedが表示されていれば表示成功です!
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ウィジェット表示方法4-1024x562.png)
ショートコードでInstagramのFeedを投稿ページに表示しよう!
次はショートコードを使って、InstagramのFeedを表示する方法を説明していきます。
1. 左側のメニューバーから「Instagram feed」をクリックする。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ショートコードでの表示方法1-1-1024x390.png)
2. 上部にある項目から「3.フィードの表示」をクリックする。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ショートコードでの表示方法2-1024x434.png)
3. 表示されたショートコードをコピーする。
下の画像の場所に書かれてあるショートコードをコピーします。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ショートコードでの表示方法3-1024x390.png)
4. Instagram feedを表示したい場所にショートコードを貼り付ける
次の写真のように先ほどコピーしたショートコードを貼り付けます。
![](https://itech-semi.com/wp-content/uploads/2021/12/「Smash-Balloon-Social-Photo-Feed」ショートコードでの表示方法4-1024x477.png)
すると、ショートコードを貼り付けた場所に下のようなInstagram Feedが表示されるようになります。
広告管理画面などショートコードが使えない場所があるので、ショートコードを貼り付けた後はページを確認してInstagram Feedが正しく表示されているかを確認するようにしましょう。
まとめ
Instagram Feedの表示はうまくできましたでしょうか。
Smash Balloon Social Photo Feedを使えば、TwitterやFacebookなど他のSNSとの連携も簡単にできますのでSNSの情報を表示したい方はどんどん活用していきましょう。