インスタグラム埋め込み表示が重なる(崩れる)原因と対策|Instagram

ワードプレスwordpressのブログやサイトの更新をする際に、インスタグラム(Instagram)の埋め込み表示は、自分に手持ちの写真がない時などに重宝しています。しかし、2018年2月以降に今までは問題なかったインスタグラムの埋め込み表示が重なる(崩れる)現象が起こりました。その原因とワードプレス上での対策について紹介します。一瞬で解決できます。
◇◆◇

目次

問題

インスタグラムの複数の画像を埋め込むと表示が重なる、崩れる。この画像のようになります。(ワードプレスwordpressのブログやサイトだけではなく、他のブログサービスでも同じ現象が起きているようです。)

原因

インスタグラム側の埋め込みコードが新しくなったため、このような現象が起きています。あくまであちら側の問題で、私達側が何かやらかしたわけではありません。
◇◆◇◆◇

対策方法

base.cssに簡単なコードを加えるだけで解決できます。

ワードプレスブログのダッシュボードから「外観」→「テーマ編集」をクリック。

「base.css」をクリックしてページを開き、以下のコードを加えます。(「view raw」という部分をクリックすると、コードをコピー出来ます)

を開きます。

「ファイルを更新」ボタンをクリックして保存すると、問題は解決します。

このように直りました

とても簡単に直ります。

A post shared by Grodan (@grodangrevture) on

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次