Apple以外のサービス

インスタグラムの埋め込みコードのバグ修正方法【表示されるキャプションを消す方法】

この記事では、

KEI ISHIKAWA
インスタグラムの埋め込みコードがうまく動いていない..「キャプションを追加」を外しているのにキャプションが表示されてしまう..どうやったら修正できるんだろう..?

こういった疑問に答えます。 [aside]本記事の内容

  • 【めちゃ簡単】インスタグラムの埋め込みコードでキャプションを消す方法・手順

[/aside] WordPressでブログ更新をしていて、いつものようにインスタグラムを埋め込んでみたところ、「キャプション追加」を外してもキャプションが表示されてしまうバグがに遭遇。 英語でも検索してみましたが残念ながらネットでは解決策が見つからなかったので、自力で埋め込みコードを解読して解決したので、その方法をわかりやすくまとめておきます。

【めちゃ簡単】インスタグラムの埋め込みコードでキャプションを消す方法・手順

分かってしまえば、方法は至ってシンプル。 [aside]インスタグラムの埋め込みコードでキャプションを消す方法・手順

  • ステップ①:通常通り埋め込みたいインスタグラムのタグをコピーする
  • ステップ②:WordPressの編集画面に貼り付ける
  • ステップ③:不要なコードを消す

[/aside] たったこれだけです。1つずつ解説していきます。

ステップ①:通常通り埋め込みたいインスタグラムのタグをコピーする

これはいつも通りのステップでOKです。

「キャプションを追加」を外して「埋め込みコードをコピー」をクリック

クリックで拡大

「キャプションを追加」を外して「埋め込みコードをコピー」をクリックします。

ステップ②:WordPressの編集画面に貼り付ける

こちらも通常通り、コピーしたコードをWordPressに貼り付けます。

そのままベタ貼りでOK

クリックで拡大

そのままベタ貼りでOK

ステップ③:不要なコードを消す

ベタ貼りしたコードの中から不要なコードを削除します。

data-instgrm-captioned を削除

クリックで拡大

1行目の data-instgrm-captioned をまるっと削除。 以上で完了です!

スポンサーリンク

【まとめ】時々あるバグもきちんとコードが読めれば解決できる。意外と簡単だった。

わたしはエンジニアではないので、本来はコードは読めないのですが、英語は読めるので、関係ありそうなタグを調べ、過去のコードと比較して今回の解決策にたどり着きました。 そのうちインスタグラム側でも修正されるとは思いますが、急ぎで修正したい方のお役に立てれば嬉しいです! それでは今回はこの辺で! 以上、いしかわ(@ishikawa_6ix)でした。

KEI ISHIKAWA
いしかわ
ツイッターではブログ更新情報も発信中! 気になる方は@ishikawa_6ixをフォローしてね♪
  • この記事を書いた人

いしかわ

2014年1月MENSA一発合格 | カナダでのんびりハーフの娘の子育てをしながらフリーランスマーケターとして外資系でお仕事中 | 自分で考えることができる「IQもEQも高い子を育てる」ママ

-Apple以外のサービス