WordPressで作られたホームページを運営していると、ある日突然下記のような、投稿や固定ページの編集画面で「このブロックには、想定されていないか無効なコンテンツが含まれています」と書かれている警告が出てくることがあります。

はじめてこの表示を見た方は、「サイトが壊れたのではないか」「早く直さないと大変なことになるのでは」と不安になり、表示されている「復旧を試みる」ボタンを押してしまうことがあります。

ところが、そのボタンを押したことで、かえってページのレイアウトが崩れてしまった、というご相談もいただきます。

今日はこの警告がなぜ出るのか、どう対応すればよいのかをお話しします。

なぜこの警告が出るのか

まず、この警告はサイトが壊れたわけでも、ウイルスに感染したわけでもないということです。

WordPressの編集画面(ブロックエディタと呼ばれる仕組み)では、見出しや画像、ボタンといった要素を「ブロック」という単位で画面の上から順番に組み立てていきます。

それぞれのブロックは、保存されたときに「このブロックはこういうHTMLの形で書かれているはず」という決まった形を持っています。ここで言うHTMLとは、ページの中身を組み立てるための設計図のようなものだとお考えください。

ところが、WordPress本体やプラグインをアップデートすると、この「本来あるべき形」が新しいバージョンで少しだけ変わることがあります。すると、以前保存されたブロックの形と、いまのバージョンが期待している形が一致しなくなります。

この食い違いが発生した際に出るのが、この警告なのです。

WordPress.comの公式サポートでも、古いバージョンのブロックを使っている場合や、記述が正しくない場合にこの表示が出ると説明されています。

ブロックエラー: 想定されていないか無効なコンテンツ – 日本語サポート

「このブロックには、想定されていないか無効なコンテンツが含まれています」のエラーが表示された場合の対処。

WordPress.com公式サポート「ブロックエラー: 想定されていないか無効なコンテンツ」

特に、少し前に作られたページや、独自の装飾が入ったブロックで起こりやすい傾向があります。長く運営してきたサイトほど、アップデートのあとにこの警告が出てきやすくなります。

同じサイトの中でも、警告が出るページと出ないページがありますが、アップデートで形が変わった特定の種類のブロックだけ警告が出ます。

その種類のブロックを使っているページには警告が出て、使っていないページには出ないのでページごとにばらつきがあります。

公開中のページには影響していない

この警告は、あくまで編集画面の中だけに出ているものです。

つまり、実際にお客様や訪問者がご覧になる公開中のページには、基本的に何の影響もありません。

WordPressの公式開発ドキュメントでも、これは編集画面の中だけで起こる問題であって、公開されている側の表示には影響しないと明記されています。

編集画面での検証は、公開ページを守るために先回りして問題を知らせてくれる仕組みだ、とも説明されています。

実際、警告が出ているブロックでも、スマートフォンやパソコンで実際のページを開いてみると、これまでどおりきれいに表示されているケースがほとんどです。

まずは落ち着いて、ご自身のサイトを実際に開いて確かめてみてください。表示に問題がなければ、緊急でどうにかしなければならない状況ではありません。

あわてて「復旧を試みる」を押さないでください

警告の右側にブロックの「復旧を試みる」ボタンがあり、その横の三点リーダーをクリックすると、3つのリンク「解決」「HTMLに変換」「クラシックブロックに変換」といった選択肢が出てきます。

このうちブロックの「復旧を試みる」は、名前のとおり、ブロックを警告が出る前の状態に戻そうとする機能です。一見すると、これを押せば元どおりになりそうに思えます。

ところが、ブロックの種類によっては、この復旧処理を実行したときに、もともと設定されていた細かい装飾、たとえば「横幅をいっぱいに広げる」といった設定が引き継がれず、失われてしまうことがあります。

復旧したつもりが、かえってレイアウトが崩れてしまうパターンです。

では、どうすればよいのか

結論から書きますと、多くの場合は「そのまま触らずに放置しておく」で問題ありません。

なぜなら、これまで見てきたとおり、公開中のページには影響していないということと、復旧を押すと、かえって装飾が失われる可能性があるからです。

この2点から考えると、実際のページがきちんと表示できているのであれば、無理に警告を消そうとしないほうが安全なのです。

もし、そのブロックの中身をどうしても編集したい、修正したいという場面が来たときには、そのタイミングで初めて対応するということでOKです。

その場合は、復旧を実行したあとで、失われた横幅などの設定を右側の設定パネルから付け直して保存する、という流れになります。すぐにすべてのページを一つひとつ直して回る必要はありません。

Block deprecation – a tutorial – WordPress Developer Blog

There's no need to use a dynamic block if you foresee that your block will change and evolve over time. You can use a static block and use Block Deprecation whenever you update your block. This tutorial post shows you how.

WordPress公式開発者向けドキュメント「Block deprecation – a tutorial」

警告を見つけたときの手順

最後に、実際に警告を見つけたときの手順をまとめます。

1.公開中の実際のページを開いて表示を確かめてください。表示が崩れていなければ、そのブロックはいったん触らずにそのままにしておいて大丈夫です。

2.多くのページで表示が崩れている警告が出ているときは、ボタンを押す前に、保守を任せている業者や詳しい方に相談してください。

弊社では、他社で制作されたWordPressサイトの保守も日常的にお引き受けしており、こうしたアップデート起因のトラブルの切り分けや、装飾を保ったままの修正もあわせて対応しています。

「この警告、放置していて本当に大丈夫だろうか」という確認だけでも構いませんので、判断に迷われたときはお気軽にご相談ください。

投稿者プロフィール

山口 敦
山口 敦
2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作・改善を中心に、Web業界20年の知識と経験を生かして、自治体案件等の大型案件のWebディレクターや中小企業・個人事業主へのWeb全般のアドバイザー、SEO/AIOのコンサルタントとしても活動中。 プロフィールはこちら

お問合せフォームはこちら

弊社サービスをご検討いただきありがとうございます。

こちらのカテゴリ内のご質問と回答で解決できない場合は、ぜひ下記フォームよりお問い合わせください。ご相談・お見積りのご依頼は無料です。

お申込前のお打ち合わせはメール/お電話/GoogleMeet等オンラインでもご対応可能です。全国からお問い合わせを受付けています。
翌営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。

    お問い合わせの前に下記、ご確認をお願いいたします。

    任意貴社サイトURL

    必須弊社を何で知りましたか

    もし可能でしたら検索キーワードを教えてください。

    差し支えなければご紹介者様のお名前を教えてください。

    もし可能でしたら具体的な媒体等を教えてください。

    必須お問い合わせ項目

    必須制作費のご予算はどれくらいですか?

    企画・設計、デザイン、画像・文章の作成、サイト内検索システムの導入等、
    ヒアリングを元にご予算やご希望に応じたお見積りをご提案させて頂きます。
    弊社制作費の費用感につきましてはこちらの記事をご参照ください。

    必須制作目的はどうお考えですか?(複数選択可)

    どこに力を抜きどこに力を入れるのか、
    ご予算とご要望の中から最適なご提案をさせていただきます。

    必須どのような機能が必要ですか?(複数選択可)

    SSL(https://~)対応、ブログ機能、スマホ対応(レスポンシブ)、
    ログイン等セキュリティ対策、ページタグSEOの最適化は標準搭載。

    必須どのような作り方がご希望でしょうか?(複数選択可)

    WordPressでの構築になりますので、お客様のご要望に比較的柔軟にお応えすることが可能です。
    企画ご提案する前に参考にさせていただく項目です。

    必須お問い合わせ内容を教えてください

    必須お名前

    必須フリガナ

    必須メールアドレス

    必須貴社名

    任意電話番号(ハイフン無し・半角数字)