しばらくPodcastはお休みします。次回更新は1/28(金)の予定です。

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

WordPress・Web運営

こんにちは。安慶名勇子(アゲナユウコ)です。

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

仕事のこと、プライベートのこと、日々の出来事や思考をジャンルを問わず気ままに記録しています。どちらかというとソリストで、ひとり旅やモノ作りが好き。

更新情報

2022年1月
 12
3456789
10111213141516
17181920212223
24252627282930
31  

最近の記事

  1. 【Vol.146】今年もお世話になりました。2022年は何もかもを一新します。

  2. 【Vol.145】本当に急なんですが、来年に向けての大きな決断をしました。

  3. 【Vol.144】全身、針で刺されるような痛みと高熱に悶え苦しんでおりました

  4. 【Vol.143】読み続けること、書き続けることの難しさとそこから得られるものの大きさのお話

  5. 【Vol.142】キャノンケーブル交換完了。ノイズ問題は解消したものの、後悔していること

ランキング

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

TOP