休日の日中は扇風機で過ごしているjyunzyです。
節電に励んでます!
今回はブロックエディタ(Gutenberg)でGoogleマップを埋め込む方法を紹介したいと思います。
まずはGoogleマップの埋め込み用タグの取得から!
- Googleマップで目的地の住所を入力
- 目的地が表示されたら「共有」をクリック
- 「地図を埋め込む」を選択
- サイズを選択
- HTMLをコピーをクリック
これでGoogleマップのタグが取得できます。
次はブロックエディタに貼り付けます。
- ブロックを追加
- ツールバーの右端の3つの点のボタンをクリック
- HTMLとして編集をクリック
- <p></p>の間にコードを貼り付け
これで埋め込めます!
つい①の所で貼り付けてしまいそうですね。
直接貼り付けた場合「埋め込みURL」という所に貼り付ける事になるのですが、これだと埋め込みができません。
お気を付けください