女性個人事業主の為のWEB制作

ワードプレスで作成したHPにインスタグラムを連動して表示させる方法

ワードプレスで作成したサイトやブログに、自分のお店のインスタグラムの写真が掲載されるように設定する方法をお伝えします。

ワードプレスのプラグイン「Instagram Feed」を使う

ワードプレス管理画面の左側にあるプラグインをクリックします。

検索窓に「Instagram Feed」と打ち込み検索。

こちらのプラグインをインストールし、有効化をクリックします。

すると、プラグイン一覧にこのように追加されます。

ワードプレスで作ったサイトにインスタグラムを連動させよう!「Instagram Feed」の設定方法

それでは実際にインスタグラムを連動させていきましょう。

プラグイン一覧からinstagram Feedのsettingsをクリックするとこのような画面になります。

「Log in and get my Access Token and User ID」ボタンをクリックします。

インスタグラムへのログインが求められるので、ユーザーネームとパスワードを入力。

表示された「Access Token」と「User ID」を入力すれば完了です。

変更を保存後に、表示したい場所に instagram-feed []で囲んでを入力すれば表示可能です。

こんな感じになります。