”WordPress”のアクセスのページで地図の大きさを小さくしたい

Question

前提・実現したいこと

1. やりたい・やりたかったこと

WordPressのアクセスのページで地図の大きさを小さくしたい

1. 起きている問題やエラーメッセージ

Googleマップで地図の大きさを中から小に変更してWordPressのカスタムHTMLで貼り付けると、サイトを表示の場合は大きさは大きいまま（プレビューにすると大きさは変わる）>

発生している問題・エラーメッセージ

WordPressのカスタムHTMLで貼り付けると、サイトを表示の場合は大きさは大きいまま（プレビューにすると大きさは変わる）

該当のソースコード

試したこと

1. 試したこと

カスタムサイズを1200✖️400▶︎HTMLをコピーして貼り付けてもサイズが変わらない

WordPress 地図を埋め込む　大きさ とGoogleで検索したが全く答えに辿り付けなかった

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[1T2R3M4]

https://ja.stackoverflow.com/questions/82470

以下ご対応ください。
https://teratail.com/help#posted-otherservice

Answer 1

ブロックエディターの「カスタムHTML」は、iframeを埋め込んだ際、外側にもう一つiframeを生成し、エディターの横幅いっぱいに大きさを変更してきます。

このように、iframeが入れ子になっているのが分かります。

プレビューにすると大きさは変わる

「カスタムHTML」の「プレビュー」は、実際のサイトと異なる挙動をする場合がほとんどです。エディタにCSSが適用できていない、ブロックエディタが勝手に処理をするなどの理由があります。今回は、ブロックエディタの勝手な挙動が原因です。

カスタムHTMLではなく、右上の「プレビュー」から、「新しいタブでプレビューを開く」を押してみてください。実際のサイトが表示され、サイズは指定した通りになっているはずです。