【WordPress】記事内にGoogle Mapを表示させる方法

WordPress
LINEで送る
Facebook にシェア
Pocket




WordPressの記事内に、Google Mapを埋め込む方法を紹介します。


【1】Google MapでHTMLをコピーする



① Google Map をWebサイトで検索します。



② ブログ記事に埋め込みたい場所を検索してください。
検索後、「共有」のボタンをクリックしてください。



③ 「地図を埋め込む」のボタンをクリックしてください。



④ 「HTMLをコピー」をクリックしてください。
ここまでが、Google Map のHTMLコピー方法です。


【2】WordPressにGoogle Mapを埋め込む



① 該当記事内の、地図を埋め込みたい箇所で「カスタムHTML」をクリックしてください。



② 「HTML」が選択されていること確認してください。
その後、Google MapでコピーしたHTMLを張り付けてください。



③ HTMLを張り付けた後、「プレビュー」をクリックしてください。
表示させたい地図が、正常に反映されていたら、完成です!



この記事が参考になれば、嬉しいです^^


ここまで、おつかれさまでした!


コメント