お世話になります。
画像を多用するサイトを運営しておりまして、参考画像としてインスタの公式マニュアルに則って埋め込みを行っておりました。以前は問題なくコードを取得して、そのままコピペすればプレビューで画像が表示されていたんですけど、現在は枠とテキストのみで画像が表示されません。プラグインか?と考え全停止してプレビュー更新しても表示されず、複数のテーマを持っているので、テーマのせいかとも考えいくつかのテーマに変更しても同じく表示されません。グーグル検索で調べても半年から1年前の情報ばかりで、当時は普通に掲載できていたので参考になりません。もしご存知の方いらっしゃいましたら、よろしくお願いいたします。
埋め込んだコードは下記になります。画像も添付します。
<blockquote class="instagram-media" style="background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);" data-instgrm-captioned="" data-instgrm-permalink="https://www.instagram.com/p/Bh4mWLmliW9/?utm_source=ig_embed" data-instgrm-version="9"> <div style="padding: 8px;"> <div style="background: #F8F8F8; line-height: 0; margin-top: 40px; padding: 50.0% 0; text-align: center; width: 100%;"> <div style="background: url(data:image/png; base64,ivborw0kggoaaaansuheugaaacwaaaascamaaaapwqozaaaabgdbtueaalgpc/xhbqaaaafzukdcak7ohokaaaamuexurczmzpf399fx1+bm5mzy9amaaadisurbvdjlvzxbesmgces5/p8/t9furvcrmu73jwlzosgsiizurcjo/ad+eqjjb4hv8bft+idpqocx1wjosbfhh2xssxeiyn3uli/6mnree07uiwjev8ueowds88ly97kqytlijkktuybbruayvh5wohixmpi5we58ek028czwyuqdlkpg1bkb4nnm+veanfhqn1k4+gpt6ugqcvu2h2ovuif/gwufyy8owepdyzsa3avcqpvovvzzz2vtnn2wu8qzvjddeto90gsy9mvlqtgysy231mxry6i2ggqjrty0l8fxcxfcbbhwrsyyaaaaaelftksuqmcc); display: block; height: 44px; margin: 0 auto -44px; position: relative; top: -22px; width: 44px;"></div> </div> <p style="margin: 8px 0 0 0; padding: 0 4px;"><a style="color: #000; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;" href="https://www.instagram.com/p/Bh4mWLmliW9/?utm_source=ig_embed" target="_blank" rel="noopener">気になってたインテグレートのファンデ買いました! カバー力もそこそこあるし、ベタベタしないし、乾燥しなくていい感じ。 #インテグレート #水ファンデーション #あやねこすめ</a></p> <p style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;"><a style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px;" href="https://www.instagram.com/gyutoyoraiuknow/?utm_source=ig_embed" target="_blank" rel="noopener"> 桜</a>さん(@gyutoyoraiuknow)がシェアした投稿 - <time style="font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;" datetime="2018-04-22T19:24:48+00:00">2018年 4月月22日午後12時24分PDT</time></p> </div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/06 12:52