Hakrラボ

科学、ITの中でプログラム、Wordpressテーマやプラグイン用途、関連の制作記事、興味のあるテーマに対しての記事、他様々ITと科学のコラボから更なる新しいアイディア等を書き留めています。実際に使えるものから、応用が効きそうな物まで幅広く書いているので、参考に成れば幸いです。

インスタグラムの埋め込みが反映されない場合の対処法

time 2016/11/10

インスタグラムの埋め込みが反映されない場合の対処法

ブログでインスタグラムの投稿を埋め込んだりする際に、表示されないことが有ります。
原因となっているのは最初の@マークを他のソーシャルアカウントのデータとして置き換えてしまう為なのです。

 

その為、最初のインスタのリンクだけ、一部に全く別の文字が入ってしまい、表示がされなくなっている訳です。

 

解決法

解決法は簡単です。ページの最初@マーク付きの適当な英単語を付けてあげる事です。
例えば僕の場合だと

 

ほにゃららほにゃららさん(@ほにゃらら)が投稿した写真 –

 

記事の一番最初に最初のインスタグラムのコンテンツのコメント部分からコピーし記事する。

 

後はインスタグラムにアップした画像のリンクを追加してあげるだけで、非表示になることを防ぐことが出来ます。

 

もし表示したくない場合は

 

<span style=”display:none;”>@~~~~</span>とやってやると画面上に表示されなくなり、インスタの埋め込みもしっかりと表示されるようになります。

sponsored link

down

コメントする





*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

ソーシャル関連

パソコン

プログラム

個人的なブログ倉庫



sponsored link

Do NOT follow this link or you will be banned from the site!