ブロックエディタ(Gutenberg)でGoogleマップを埋め込む

休日の日中は扇風機で過ごしているjyunzyです。
節電に励んでます!b-ganba.gif

今回はブロックエディタ(Gutenberg)でGoogleマップを埋め込む方法を紹介したいと思います。

まずはGoogleマップの埋め込み用タグの取得から!

  1. Googleマップで目的地の住所を入力
  2. 目的地が表示されたら「共有」をクリック
  3. 「地図を埋め込む」を選択
  4. サイズを選択
  5. HTMLをコピーをクリック

これでGoogleマップのタグが取得できます。

次はブロックエディタに貼り付けます。

  1. ブロックを追加
  2. ツールバーの右端の3つの点のボタンをクリック
  3. HTMLとして編集をクリック
  4. <p></p>の間にコードを貼り付け

これで埋め込めます!

つい①の所で貼り付けてしまいそうですね。
直接貼り付けた場合「埋め込みURL」という所に貼り付ける事になるのですが、これだと埋め込みができません。
お気を付けくださいicon_rolleyes.gif

トラックバックURL