WordPress

Instagramの埋め込みコードが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だけでなく、他の埋め込みコードで同じようなエラーが出た時も同様に解消できます。ぜひお試しください。

WordPress TCDテーマで地図のピンがずれたときの対処法前のページ

【Vol.090】自分で透明氷を作るようになって、自宅での飲み物クオリティが大幅にアップした話次のページ

ピックアップ記事

  1. 電子ペーパー・クアデルノ(A4サイズ)の購入を決めた理由

関連記事

  1. WordPress

    WordPressのサイトヘルスで「改善が必要」と表示されたときにまずすべきこと

    WordPressにサイトヘルス機能が搭載されましたね。かつては…

  2. flat screen monitor

    WordPress

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

    メールアドレスが変わった、WordPressの管理者が変わった……

  3. WordPress

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

    WordPressにてホームページを運用されている方の相談に乗っ…

毎週金曜更新!安慶名勇子のPODCAST

最近の記事

  1. woman riding big swing in front of waterfalls
  2. craftswoman working with drafts at table with stationery in workshop
PAGE TOP