ワードプレスと格闘の日々💦 Googleマップを記事に埋め込む

ワードプレス

ワードプレスでブログを書くようにり、他のブロガーさん記事を見て勉強の日々。なんとか立ち上げたけれど、わからない、分からない~ (*’▽’)

ももこ
ももこ

1記事1つの機能を習得して作ろう

目標は1記事ごとにレベルアップして機能を習得すること。ワードプレスの本を読みながらパチパチしているのに、書かれているように操作しているのに、上手く進まない。何度も、なんどもつまずく。

「なんでなのよ~」と泣きながら、ふくれながら何時間も格闘する日々。子供が使っていたら教えてもらえるのに・・と人任せな、悪魔の心がムクムクと湧き上がる。

Googleマップに地図を埋め込む

観光などで行った場所を紹介したいときや、お店を紹介したいときなどに、Googleマップを使って地図を表示できるといいですよね。今回はブログにGoogleマップを表示するやり方を学びます。

Googleマップの「埋め込みコード」を使おう

Googleマップを埋め込むHTMLを取得する


今回は、以前書いた「新舞子海水浴場」についての地図を貼り付けてみます。

Googleマップを表示する。

1.表示したい場所を検索する。今回は「新舞子海水浴場」と入力して、検索から地図として表示したい場所を選択する。地図が表示されたら、共有をクリックする。

2.共有メニューが表示される。地図を埋め込むをクリック。

3.埋め込みHTMLが表示されるのでHTMLをコピーするをクリック

ももこ
ももこ

HTMLの左側の 中▼をクリックで地図のサイズを選択できるよ

ブログ内に埋め込みHTMLを埋め込む

1.「ブロック追加」を選択します。
カスタムHTMLをクリック

2.HTMLを黄色いスペースに貼り付けします。

これでブログ内に地図を表示することができました。

これで記事を読んで場所も確認できるので、分かりやすくなりました。

何回も復習しないと忘れてしまうな。やれやれ (*´з`)

コメント

タイトルとURLをコピーしました