ワードプレスプラグイン『Instagram Feed』を利用したインスタグラムの表示方法

ワードプレスプラグイン『Instagram Feed』を利用したインスタグラムの表示方法

ワードプレスのプラグイン『Instagram Feed』を利用して、ホームページにインスタグラムを表示させる方法をご紹介します。

ワードプレスにインスタグラムを表示させる手順

手順1
ワードプレスにログインする
ワードプレスのログイン画面を表示し、ユーザー名またはメールアドレスとパスワードを入力してログインします。

ログイン画面は、「https://ドメイン/wp-login.php」です。

例えば、ドメインが、hogehoge.com の場合、

https://hogehoge.com/wp-login.php

です。

手順2
プラグイン設定画面を開く
左側のメニューの下のほうにある「Instagram Feed」をクリックしてください。

手順3
インスタグラムと連携させる
「Connect an Instagram Account」と書かれた青いボタンをクリックしてください。

手順4
プロフィールを選択する
「Personal」にチェックが入った状態で、「Connect」ボタンを押してください。

手順5
インスタグラムにログインする
連携させたいインスタグラムのアカウントでログインしてください。

※もともとブラウザでログイン済の方は、手順5がなく、手順6へ進む場合があります。

手順6
連携させる
連携させるかどうか聞いてきますので、「Connect this account」を押して、連携させます。

手順7
連携されたことを確認する
連携させたいアカウントが下記の図のように表示されていたら成功です。

もし、複数アカウントをお持ちの方で、表示させたいのとは別のアカウントで連携させてしまった場合は、右端の「Remove」ボタンを押して連携を解除させてください。

そして、ブラウザでインスタグラムを開き、いったんログアウトしてから、再度、手順3以降をお試しください。

ワードプレス上のインスタグラムにエラーが表示される場合

プラグイン『Instagram Feed』のアップデートがあった場合や、インスタグラムのパスワードを変更した場合など、設定していたワードプレス上のインスタグラムがうまく表示されず、エラーになる場合があります。

その場合は、いったんインスタグラムの設定を解除してから、再度設定し直してみてください。

手順1
ワードプレスにログインする
ワードプレスのログイン画面を表示し、ユーザー名またはメールアドレスとパスワードを入力してログインします。

ログイン画面は、「https://ドメイン/wp-login.php」です。

例えば、ドメインが、hogehoge.com の場合、

https://hogehoge.com/wp-login.php

です。

手順2
プラグイン設定画面を開く
左側のメニューの下のほうにある「Instagram Feed」をクリックしてください。

手順3
インスタグラムの設定を解除する
下図の「Remove」ボタンを押して、いったん、接続を解除します。

ディスコネクトしていいかと聞いてきましたら、OKボタンを押して解除してください。

手順4
再度接続設定をする
上記手順3(手順3はこちら)より、再度、インスタグラムの設定を行ってみてください。

 

error: Content is protected !!