WordPresでインスタグラム埋め込み機能で画像が表示されない不具合が発生

シェアする

  • このエントリーをはてなブックマークに追加
  • 0

インスタグラム画像表示不具合

本日2018年8月1日 水曜日
久しぶりにブログの記事を書き終え、プレビューでチェックしたところ
インスタグラム埋め込み機能で画像が表示されない不具合が発生していることがわかりました。

インスタグラム埋め込み機能で画像が表示されない不具合

下記のように画像が表示されません。

背後でいつも見守ってくれたロボットくんともお別れです。

真壁 陽平さん(@vapgt)がシェアした投稿 –

画像ありきで構成しているため、大問題です。
画像なくして、読者さまに気持ちを伝えることなどできません。
そこで、以前の記事のインスタグラム埋め込みのコードを確認してみました。

以前のインスタグラム画像埋め込みコード

こちらは、以前掲載させていただいた石田だゆり子さんの投稿です。
問題なくひょうじされていることがわかります。

インスタグラム画像埋め込みコードの比較

そこで、
・現在のインスタグラム画像埋め込みコード
・以前のインスタグラム画像埋め込みコード
を比較してみました。

なにぶん、ど素人につき、とんちんかんなことを書いているかも知れません。
その時は、どうかお許しください。

2018年8月1日現在 インスタグラムで表示される画像埋め込みコード

インスタグラム画像表示不具合コード

以前インスタグラムで表示されていた画像埋め込みコード

インスタグラム画像表示コード

見比べてみると冒頭の赤アンダーライン部分のコードが異なっていました。
2018年8月1日現在 インスタグラムで表示される画像埋め込みコード

instagram-media” data-instgrm-captioned data-instgrm-permalink=“https://www.instagram.com/p/Bl6JOkbA-oG/?utm_source=ig_embed” data-instgrm-version=”9″

以前インスタグラムで表示されていた画像埋め込みコード

instagram-media” data-instgrm-captioned data-instgrm-permalink=“https://www.instagram.com/p/BO9vkCsjkpF/” data-instgrm-version=”9″

インスタグラム画像埋め込みコードを修正

そこで、2018年8月1日現在 インスタグラムで表示される画像埋め込みコードから

?utm_source=ig_embed

を削除してみると、うまく表示できました。

この現象は、わたしだけなのかも知れません。
また、一時的にうまく表示させることができましたが、
今後どのような影響があるかもわかりません。

もし、同じ現象が起きている型のお役に立てればうれしいですが、
コードの変更は自己責任で行なっていただけますよう お願い致します。

スポンサードリンク


関連コンテンツ