1. TOP
  2. Instagramの備忘録
  3. 【最新】Instagram Feedが表示されない現象を解決した方法。

【最新】Instagram Feedが表示されない現象を解決した方法。

ども、SHIN(shin.7life)です。

今回は、Instagram Feedが表示されない現象に再度なったのですが解決したのでシェアします。

Instagram Feedとは、インスタグラムをワードプレスに表示させるプラグインのことです。

まだ導入していない方にとっては、

2020年版インスタグラムをワードプレスに表示させる最新情報でもあります。

↓以前の記事よりも最新の情報になります。‘٩꒰。•◡•。꒱۶’

Instagram Feedが表示されない

結論からシェアします。

ワードプレスのプラグインInstagram Feedは、

Smash Balloon Instagram Feedに名称変更されました。

プラグインの更新が必要です。

SHIN

★Instagram Feedを導入済み

ワードプレス画面から、
プラグイン(Instagram Feed)を更新すると
Smash Balloon Instagram Feedにアップデートされます。

*WPダッシュボード
→プラグイン
→インストール済みのプラグイン
→Instagram Feed更新

★Instagram Feedを導入してない

プラグイン(Instagram Feed)を
検索しても見つからないです。

プラグイン新規追加から、
Smash Balloon Instagram Feedをインストールしましょう!

インストールしたら、有効化!

プラグイン更新前に必ずバックアップ!

更新後に混乱しないで!

ワードプレスのプラグインInstagram Feedは、

Smash Balloon Instagram Feedに名称変更!!

が、

設定画面は、Instagram Feedのままです。

インスタグラムのパスワード覚えてる?

SHIN

僕が困った内容

僕の場合インスタグラムとFacebookを連動していて、

①インスタのパスワード変更できず苦戦w

②Instagram Feedにインスタのサブ垢が表示されちゃったり

③そもそもエラーでワードプレスに写真が表示されず・・・。゚(゚´ω`゚)゚。泣

改善策のシェア

同じようにお悩みの方は、

まず①の改善として、インスタグラムとFacebookの連動を解除をする。

次にインスタのパスワード変更、そして再連動させます。

インスタグラムとFacebookの連動を解除

インスタグラムの設定→アカウント→リンク済みのアカウント→Facebookの連動を解除するとパスワード変更ができます。

*同じ要領でパスワード変更後にインスタグラムとFacebookを連動させておきましょう!

②は、インスタグラムのパスワードを変更後→プラグインの更新→プラグインがアップデートされた後→再設定する際にインスタにログイン(ワードプレスに表示させたいインスタ垢のユーザーネームとパスワード入力)することで改善しました。

③は、この記事で執筆しているプラグインの更新で改善しました。

Instagramと接続しよう

SHIN

ワードプレスのダッシュボード、Instagram Feedをクリックしてから赤枠の青いボタンを押します。もしエラーのメッセージがでていたら、隣のButton not working?をクリック!

そうすると、Instagramのアカウントは個人アカウントorビジネスアカウントと質問があるので該当するタイプを選んでConnectをクリックしましょう!僕の場合は、ビジネスアカウント。

SHIN

Instagramのアカウントは個人アカウントorビジネスアカウントと質問があった際に、ビジネスアカウントなのに個人アカウントを選んで進めると、、、

ちゃんと接続できるものの、できなかったことがありました。

それは、アイコンの写真が表示されないことくらいです。

細かい部分をいえば、色々とありますが。

アイコン表示設定

「2. Customize」のHeader部分でアイコンの写真を設定可能。

Show Bio Text部分に文章を入れることで

プロフィール表示ができます。୧꒰*´꒳`*꒱૭✧

どちらもチェックを外せば、非表示も可能。

サイドバーに表示させる

SHIN

「3. Display your Feed」タブをクリックして、

Instagramの写真をワードプレスに表示させる

ショートコード[instagram-feed]をコピー。

そしたら、

外観→ウィジェット→カスタムHTML

→本文にショートコード[instagram-feed]を貼り付けて完成です。

 

デザインのカスタム

「2.customize」タブをクリックすると、
写真の表示枚数や列数などのLayout(レイアウト)が設定できます。

ワードプレスのテーマによって、
最適なデザインって異なると思うので微調整してみると良いと思います。

‘Load More’ Buttonは、
もっと写真を表示させるアクションボタン。

表示・非表示やボタンのカラーもカスタムできます。
僕はチェックを外して非表示にしています。

‘Follow’ Buttonはクリックすると、
インスタグラムに飛ぶボタンのことです。

僕は表示させて、ボタンの色や文言を変更しています♪

インスタグラムをワードプレスに表示!

SHIN

1週間くらい?エラーを放置していたので、すっきりしました。

赤枠の写真の部分が表示されず、

もっと絶景をみてみる!の

青色ボタンをクリックすると

何故かサブ垢に飛ぶというエラー( ´•д•`; )

改善!!

同じ悩みで困っている方の参考になれば幸いです。それでは、また。

友だち追加

\ SNSでシェアしよう! /

QOL未来創造|ワクワクする未来、つくろうの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

QOL未来創造|ワクワクする未来、つくろうの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!