- このトピックには10件の返信、2人の参加者があり、最後に
により8年、 7ヶ月前に更新されました。
-
投稿
-
-
simplicity2とXサーバーで最近ブログを作成した者です。
インスタグラムを埋め込む際、画像複数枚設定するとなぜか１、2枚だけ表示されません。
インスタグラムの写真が重なるトラブル解決については対応済みです。
よろしくお願いします。 -
-
不具合が出ている箇所のようす（画像）
https://gyazo.com/0c62cb11be1c914c7df07159dcb3273e
再読み込みで高さが指定されるときと、されない時があるようです。インスタの設定で何か指定があるのか、iframeの読み込みがおかしいのか、インスタ側のお問い合わせで伺っても良いような気もしますが…
その前にプラグインAutoptimizeを停止しても同じでしょうか？ほか何らかの圧縮系・キャッシュ系・速度アップ系のプラグインを停止したり、なんならプラグインを全停止してから、問い合わせても良いかもしれません
-
Autoptimizeを停止してみましたが特に解決に至りませんでした。
他、キャッシュ、圧縮に関するプラグインを停止してみましたが解決できません。
かうたっくさんがおっしゃるように更新タイミングによって表示箇所が微妙に異なることも気になっています。 -
さっきの投稿時CSS対応がなぜか反映しなかったのはAutoptimizeのせいかもしれません？今テスト環境でYouTubeのiframeで幅指定できるか確認したらできたのでCSSで指定できると思います。
ただインスタの1つのアドレスに使われる画像によって高さがそれぞれ異なるので、表示されないインスタそれぞれCSSで指定が必要になります。
以下がそのCSSです
iframe[src^="※1インスタの該当引用先、固有のアドレス"] { height: ***px; }※1：コピペした引用中のインスタsrcから始まる固有のURLを指定
heightは引用しているインスタの高さをそれぞれ指定
固有のアドレスを指定することで、そのインスタのみ高さ指定する感じです。5個表示されなければ、それぞれ固有のアドレスを指定したCSSを5個書く必要があるって事です。※100個なら100個必要
すべてのインスタ画像の高さが違うので、自分で対応するならこのような対応になるって話だったりします。
-
※1：コピペした引用中のインスタsrcから始まる固有のURLを指定
違った。。
コピペしたであろう、引用タグがありますよね。そこに書かれているアドレス：固有のアドレス：URLを指定する必要があるってことです。
もしかしたら、引用するインスタのアドレス（どのブラウザでも同じURL）で対応できるかもしれません。
-
そもそも、どのようにinstagramのブログパーツを表示しているかによっても変わってくると思います。
埋め込みタグをinstagramで取得して記事に挿入しているのか、それともプラグインとかで表示させているのかによっても違います。
ただ、いずれにせよ原因はテーマにはないと思うので、原因究明ができなかったとしてもご了承ください。
あと一度、全てのプラグインを無効にして試していただければと思います。
動作不良時のガイドライン
それにより、「プラグインが原因かどうか」の切り分けができるかと思います。 -
かうたっくさん、わいひらさん
ご丁寧にありがとうございます。
また、初心者のため説明が足りておらず、そして理解が足りず申し訳ありません。埋め込みタグをinstagramで取得して記事に挿入しております。
プラグインは一度全て停止してみましたが、変わりませんでした。 -
インスタの設定で何か指定があるのか、iframeの読み込みがおかしいのか、インスタ側のお問い合わせで伺っても良いような気もしますが…
上述通り、インスタ側で何らかの設定があるのかもしれないですが、インスタしてないので詳細は不明です。インスタ側にお問い合わせする内容ではないかな？と個人的に感じてます。
埋め込みタグをinstagramで取得して記事に挿入しております。
よく分かりませんが、埋め込みタグをコピペした状態で確認すれば、インスタが表示されてない状態：横に灰色の線が1本ある状態で、こちらサイドからifremeの高さを指定するのは、面倒なCSS対応しかないようにおもうので。#58825のCSS
ただ詳しい人のご意見を待ってから、またご対応していただけますか
-
-
お二人ともご親切にありがとうございます。
教えていただいた方法を試してみつつ、難しいようでしたら問い合わせてみますね。
-
- このトピックに返信するにはログインが必要です。