2019年 07月 02日
Gutenberg～GoogleMapの埋め込み～
Gutenbergでも「フォーマット」カテゴリの中にある「カスタムHTML」ブロックを使用することで記事内へのGoogleMapの埋め込みが簡単にできます。
動画マニュアル
地図出力用のコードを取得
❶Google マップで、挿入したい地図を表示します。
❷メニューの中の「共有」をクリックします。
❸「地図を埋め込む」をクリックします。
❹「HTMLをコピー」をクリックします。
コードを貼り付ける
❶フォーマットカテゴリから「カスタムHTMLブロック」を選択します。
❷先ほどGoogle マップでコピーした「HTMLコード」を貼りつけます。
❸コード内の幅（width）を半角の”100%”に書き換えます。
❹「プレビュー」をクリックしマップが表示されているか確認します。