googleマップを複数挿入した場合に固定ページ編集画面が真っ白（編集できない）になる

このページにはGoogleマップのショートコードを4つ挿入していますが

そのショートコードは自作でしょうか？ それとも何らかのプラグインを使用したものでしょうか？

その後に編集画面に戻ると白い画面が表示され、編集できない状態になります。

白い画面というのは、完全に真っ白の画面でしょうか？ それともエディターだけとか、具体的にどういう状態でしょうか？

そのエラーが発生した時点でサーバーのエラーログに何かエラーがでていないか確認してみてください。
また、ブラウザのコンソールにも何かエラーがでないか確認してみてください。

こちらgoogleマップ挿入時のiframeタグです。特に特殊なカスタマイズは入れておりません。

ということは、ショートコードではなくて、カスタム HTML ブロックに iframe タグを貼り付けている、ということであっていますかね？

編集画面に写った際のエラーメッセージは以下２つになります。

・Uncaught SyntaxError: Unexpected token ‘<‘ (at ・Uncaught TypeError: Cannot read properties of undefined (reading ‘tracks’)

それぞれのエラーのところに、エラーが発生しているファイル名が表示されていると思います。そのファイル名（ファイルパス）を教えてください。ドメイン部分は伏せ字で構いません。

また、ファイル名のところをクリックするとそのソースコードにジャンプすると思います。そのスクショあるいはコード（ジャンプした位置の前後数行含む）のコピペでも構いませんので共有をお願いします。

過去に同様のエラー等の報告はございませんでしたでしょうか？

完全に覚えているわけではありませんが、記憶には無いかなと思います…。

もしよろしければ、一度ご確認いただきたく、URL等お送りさせていただきましてもよろしいでしょうか？

基本的に、サポートはこの公開のフォーラムでおこなっています。公開されないプラベートトピックでのやりとりはプロプラン・あるいはプライベートサポートチケットを利用した場合のみとなります。実際の画面を確認しないとどうにもならない不具合（の可能性がある）場合は、スタンダードプランの場合でも DM で URL を共有頂く場合はあります。ひとまず公開で調査できる部分まではご協力をお願いいたします。

以下のような形で挿入しております。

なるほどです。ショートコードブロックに iframe を入力されていますが、ショートコードブロックは「ショートコード」を入力するためのブロックなので、iframe を入力するべきではありません。iframe を記事に挿入したい場合はカスタム HTML ブロックを使うのが適切だと思います。

３つのエラー表示がございますのでそれぞれのエラーメッセージと該当コードのスクショをお送りさせていただきます。

ありがとうございます！

1つ目は </script> の部分が赤線になっているので、そのコードブロックの中で構文エラーが発生しているのかなと思いました。具体的にどのような構文エラーが発生しているのかはスクショからはわかりませんが、そのコードブロック内のコードを頭から読んでみると何かわかるかもしれません。

2つ目・3つ目は wc というオブジェクトが未定義のためエラーが発生しているように見えます。wc は多分 WooCommerce が持つオブジェクトだと思いますが、1つ目のエラーの影響で wc の読み込みに失敗しているのかもしれません。

ということで、まずは iframe をカスタム HTML ブロックに入れ直してみてください！

♥ 1

いいねをした人:

改善できて良かったです！
トピックのクローズをお願いします。