WEB集客できるホームページになる無料講座はこちら 

wordpressにインスタグラムを表示させる方法

ホームページやブログにインスタグラムを表示させたいけれど、どうすれば…?と悩まれている方、いらっしゃるのではないでしょうか。

まり子
今回は、ワードプレスのプラグインを使って、簡単にインスタグラムの表示させる方法をご紹介します!
目次

事前準備~表示させたいインスタグラムにログインしておく~

  1. webブラウザ(Google Chromeなど)を立ち上げ、下記のリンクから、インスタグラムを開きます。
    https://www.instagram.com/
  2. 表示させたいインスタグラムのアカウントでログインしてください。
  3. もし、複数のアカウントをお持ちで、今回表示させたいアカウント以外でログインされている状態の場合、いったんログアウトしてから、表示させたい方のアカウントでログインしてください。

 

ワードプレスにプラグインをインストールする

  1. ワードプレスにログインします。
  2. 左側メニューから、[プラグイン]-[新規追加]を選択してください。
  3. 「プラグインを追加」画面が表示されたら、右上の「キーワード」のボックスに「Smash Balloon Instagram Feed」を入力してください。
  4. 「Smash Balloon Instagram Feed」が表示されたら、[今すぐインストール]ボタンをクリックします。
  5. インストールされたら、[有効化]ボタンを押します。

 

プラグインの設定をする

  1. ワードプレス左側メニューに[Instagram Feed]という項目が新しくできているので、それをクリックします。
  2. [Connect an Instagram Account]ボタンを押します。
  3. [Personal]のまま、[Connect]ボタンを押します。
  4. [承認]ボタンを押します。
  5. 表示させたいアカウントであることを確認して、[Connect This Account]ボタンを押します。
  6. 接続が成功したことを確認します。

 

インスタグラムを表示させる

  1. [2.Customize]タブをクリックします。
  2. [Number of Photos]は、表示させる画像数です。サイドバーやフッターなど、スペースがあまり広くない場所に設置する場合は、6や9がオススメです。
    [Number of Colums]は、横に何列に表示させるかです。[Number of Photos]で設定した枚数が割り切れる数字をオススメします。
    上記を設定したら、[変更を保存]ボタンを押します。
     
  3. [Display Your Feed]タブをクリックします。
  4. [instagram-feed]という文字を選択してコピーし、表示させたい場所に貼り付けます。
まり子

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

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

オンラインコミュニティ『TAG(Takeoff And Growth)』
SHARE PLEASE!
\Web集客できるホームページになる/ 7つのチェックポイントメール講座
\Web集客できるホームページになる/ 7つのチェックポイントメール講座
メール講座に登録する

この記事を書いた人

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

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

目次
閉じる