Instagramの埋め込みコードがWordPressでエラーになる現象の解消方法

WordPress

こんにちは。安慶名勇子です。

Instasramのある投稿をWordPressのサイトバーに表示しようと、ウィジェットからカスタムHTMLを開き、貼り付けたところ、このようなエラーが表示されました。

カーソルを左の×マークに合わせると「The attribute name of [ viewBox ] must be in lowercase.」と表示されます。

「viewBox という属性は小文字でなければならない」と訳されるわけですが、要はコードの中に大文字が入っているので小文字に直してねということ。

目視で探すのは大変なので、Ctrl + f (Windowsの場合)を押し、検索窓を開きます。探したい文字 Box を入力しEnterキーを押す(①)と、こんな感じで探し出してくれます。Boxがマークアップされていることがわかります(②)。

“Box” を “box” に修正するとSaveボタンが有効になるので保存します(③)。

これで、Instasramのフィードが表示されるようになります。Instasramだけでなく、他の埋め込みコードで同じようなエラーが出た時も同様に解消できます。ぜひお試しください。

Yuko Agena

Yuko Agena

モノづくりやひとり旅、ガジェット好きのソリスト。仕事のこと、プライベートのこと、日々考えていることをいろいろと発信中。

関連記事

特集記事

Yuko Agena

Yuko Agena

モノづくりやひとり旅、ガジェット好きのソリスト。仕事のこと、プライベートのこと、日々考えていることをいろいろと発信中。YouTubeチャンネルを開設しました。

最近の記事

  1. 『【重要】EC-CUBE 4.0系における緊急度「高」の脆弱性発覚と対応のお願い』に対処した話(XSERVER)

  2. 【Vol.118】連休中に徹底的にやりとおしたある趣味のお話。

  3. YouTubeで流行っているらしいflixzoneを推奨するスパムコメントに気をつけて!

  4. 【Vol.117】遠出できない大型連休。「もう連休終了!?」なんてことにならないために。

  5. 【Vol.116】食事記録を付け始めて6週間目。体重に嬉しい変化がありました。

ランキング

  1. 1

    テレビなしの生活を10年以上続けている私が感じる、テレビのない生活のメリット・デメリット

  2. 2

    WordPress「サイトに重大なエラーがありました」の解消方法

  3. 3

    WordPressで管理者メールアドレスが変更できないときの対処法

  4. 4

    Todoistは有料版がおススメ!無料版との違いと使い心地をグランドマスターが解説してみる

  5. 5

    YouTubeで流行っているらしいflixzoneを推奨するスパムコメントに気をつけて!

TOP