【ブログの始め方】WordPress Google Map設定編

ブログ見習い君
Google Mapをブログに貼っているのをよく見るんだけど、
簡単に設定できるの?
だーしー
Google Mapはとても簡単に設定が可能。
使えると便利だから、ぜひ1度やってみよう。

完成イメージ

まずGoogle Mapをブログ投稿記事に貼った完成イメージを確認しましょう。

ここでは「大阪城」を例に表示します。

 

 

設定手順

Google Mapは簡単なステップでブログの投稿記事に設定が可能です。

 

1.Google Mapを開き、表示したい場所を検索する
2.「共有」ボタンをクリック
3.「地図を埋め込む」及び「HTMLをコピー」をクリック
4.WordPressの投稿ページからHTMLを貼る
画像を見ながら順を追って設定手順を確認していきましょう。

1.Google Mapを開き、表示したい場所を検索する

まずはいつも通りGoogle Mapを開き、表示したい場所を検索します。

 

How to set Google Map

2.「共有」ボタンをクリックする

  次に右下に表示される「共有」ボタンをクリックします。
how to set google map

3.「地図を埋め込む」及び「HTMLをコピー」をクリック

  「共有」ボタンを押すと画面が切り替わるので、「地図を埋め込む」さらには「HTMLをコピー」をクリックする。
  ※HTMLコードの左に「中」と表示されているところをクリックすると、表示したい地図の大きさも変更できます。
how to set google map

4.WordPressの投稿ページからHTMLを貼る

  最後にWordPressの投稿ページを「ビジュアル」表示から「テキスト」表示に変更して、コピーしたHTMLを貼り付けます。
  その際、Mapを貼り付けたい場所にHTMLをきちんと貼る様に注意してください。
  HTMLを貼り付けたら、「ビジュアル」表示に戻して完成です。
  ※こちらはWordPressの「クラシックエディター版」の方法となります。
how to set Google Map
以上でブログ記事へのGoogle Mapの挿入方法は完了です。
とても簡単なステップで挿入できますので、ぜひご自身のブログ記事にGoogle Mapを挿入してより見やすい、分かりやすい記事にしてみて下さい!!
最新情報をチェックしよう!