ホームページにインスタグラムを表示させたい!ワードプレスプラグイン『Instagram Feed』の設定方法をご説明します。

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

今は、ジャンルや年代によってはGoogle検索よりもインスタ検索を使うという方が多いですよね。

それに、ホームページに画像をたくさん貼ると重くなってしまったり、見るのが大変だったりしますが、インスタグラムをホームページに埋め込むと、気楽に写真がご紹介できます。

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

目次

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

STEP
ワードプレスにログインする

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

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

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

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

です。

STEP
プラグイン設定画面を開く

左側のメニューの下のほうにある「Instagram Feed」をクリックしてください。

STEP
インスタグラムと連携させる

「Connect an Instagram Account」と書かれた青いボタンをクリックしてください。

STEP
プロフィールを選択する

「Personal」にチェックが入った状態で、「Connect」ボタンを押してください。

STEP
インスタグラムにログインする

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

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

STEP
連携させる

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

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

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

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

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

その場合は、↓の記事を参考になさってください。

まり子

まり子に直接聞きたいと思ってくださった方、一緒に作業したいと思ってくださった方
オンラインコミュニティでは、質問しながら一緒に作業できます
よかったら、ご参加くださいね!

オンラインコミュニティのご案内はこちら

フリーランス・ひとり起業の女性のためのオンラインコミュニティTAG
SHARE PLEASE!
フリーランス・ひとり起業の女性のお役立ち情報をお届けするメールマガジン
Web集客できるようになる!7つのチェックポイントガイドブック

フリーランス・ひとり起業のお役立ち情報をメルマガでお届けしています。
また、メルマガにご登録いただいた方には、

  1. Web集客できるホームページになる7つのチェックポイントガイドブック
  2. ペルソナ設定シート
  3. ブログライティングシート

がダウンロードできるURLもご案内しています。
ぜひ、ご登録ください!

この記事を書いた人

まり子のアバター まり子 デジタルマーケティングコーチ

スタートアップ期・成長期のフリーランス・ひとり起業の女性のデジタル集客の専門家。
ウェブサイトやSNSの立ち上げ、運用・活用方法やひとりならではの孤独感の解消・情報収集のサポートをコーチングも活用して提供中。
また、子育て中の女性の生き方・働き方についてコーチングも行っている。

目次