はじめに

WordPressのサイトにInstagramのフィードを表示したい場合、最も便利なプラグインの一つが「Smash Balloon Social Photo Feed」です。日常的にInstagramを運用している企業や個人ブログにとって、ブランド力を高める手段としても有力です。

このコラムでは、Smash Balloonを使ってWordPressにInstagramを簡単に組み込む方法と、複数のInstagramアカウントを別々のWordPressサイトに連携する方法を詳しく解説します。

１．Smash Balloonの基本的な使い方

1. プラグインのインストール

1. WordPressの管理画面にログインします。
2. [プラグイン] → [新規追加]をクリックします。
3. 検索ボックスに「Smash Balloon Instagram Feed」と入力します。
4. 表示されたプラグインをインストールし、有効化します。

2. Instagramアカウントとの連携

1. 左メニューの[Instagram Feed]から[アカウントを追加]をクリックします。
2. Facebookを通じた認証が始まります。
3. 認証完了後、Instagram BusinessアカウントまたはPersonalアカウントを選択します。
4. 選択後、連携は完了です。

3. ショートコードで表示させる

以下のショートコードを任意の投稿やウィジェットに貼り付けることで、Instagramの投稿が表示されます。

[instagram-feed feed=1]

２．複数のInstagramアカウントを別々のWordPressサイトに連携する方法

よくある問題

同じスマートフォンでInstagramアカウント2つを同時にログインしている状態で、WordPressの2つのサイトにそれぞれ連携しようとすると、両方のサイトが同じInstagramアカウントに紐づいてしまうことがあります。

これはInstagramのOAuth認証が「直近でログインしていたアカウント」に基づいて認証処理を行う仕様が原因です。

解決方法

方法【1】：別ブラウザまたはシークレットウィンドウの使用

1. サイトAでは通常のブラウザでInstagramアカウントAにログインし、Smash Balloonで連携。
2. サイトBではシークレットウィンドウまたは別ブラウザを開き、InstagramアカウントBにログイン。
3. その状態でSmash BalloonからアカウントBと連携。

この方法によりブラウザのセッションやキャッシュが分離され、正しく異なるアカウントが認証されます。

方法【2】：一旦すべてのInstagramアカウントからログアウトする

1. Instagramアプリまたはブラウザで、すべてのアカウントからログアウトします。
2. 使用したいInstagramアカウントだけでログインします。
3. Smash Balloonから連携作業を行います。

方法【3】：アクセストークンを手動で設定する

より高度な方法として、Meta for Developers経由でInstagramのアクセストークンを取得し、Smash Balloonの設定画面で手動入力することも可能です。

ただしこの方法は開発者向けであり、設定ミスのリスクもあるため、一般ユーザーには非推奨です。

おわりに

Smash Balloon Instagram Feedは、簡単にInstagramの投稿をWordPressに埋め込める非常に便利なツールです。

複数アカウントの取り扱いにおいては少し注意が必要ですが、ブラウザやシークレットモードを活用することで、別々のInstagramアカウントを複数サイトに正しく連携できます。

Instagramを活用したビジュアルな情報発信を、ぜひWordPressで活かしてみてください。