楽しい日常

ワードプレス wordpressでグーグルマップを埋め込む方法

   

Pocket

iphone

グーグルマップをワードプレスの埋め込む

ブログを書くときに便利なワードプレスですが、地図を表示させたいときもありますよね。

旅行のブログを書いているとどうしても地図をいれたいときが出てきます。

 

僕も旅行に行くときにはブログなどを読ませてもらっていきたいところを決めたりしますが、地図が埋め込んであるとありがたいです。

ほかのページに飛ぶこともなく、ブログの中で地図を見ることができるのであたらしいウィンドウを開くこともないのでわかりやすいです。

ワードプレスではプラグインでも地図を埋め込むことができますが、今回は直接地図を張り付ける方法です。

ワードプレスで地図を貼り付ける方法

表示させたい地図のコードを読み取る

まずは、グーグルマップにアクセスして、表示させたい場所の地図を表示させます。

地図が表示され、左側に保存や布巾を検索などと表示されるので共有をクリックします。

 

共有をクリックした後に出てくる画面で、地図を埋め込むをクリックします。

コードが出てきますのでそのコードをコピーします。

 

表示窓の大きさを変えたいときには、コードの左側に大きさの窓があるのでそこをクリックして好きな大きさを選びます。

自分の好きな大きさにカスタムすることも出来ます。

表示させたい地図を張り付ける

次は表示させたい地図をワードプレスに貼り付けます。

 

貼り付け方はワードプレスのテキストをを使って貼り付けます。

表示したい部分に先ほど取得したコードを貼り付けると地図が表示されるになります。

 

これで地図を埋め込むことができました!

訪問者は、あなたのサイトが使いやすいと思うでしょう。

 

地図の情報がないと別のウィンドウを開いて地図を見なくてはなりませんが、これが結構面倒です。

サイトに張り付けてあると使いやすいですよね。

まとめ

地図を表示ができるとサイトが使いやすくなります。

サイトも見た目も良くなると思います。

 

まだ地図を貼り付けていないのであれば貼り付けてみてください。

ワードプレスに地図を貼り付ける方法でしたが、いかがでしたでしょうか。

 

あなたのサイトをもっと使いやすくしましょう!
アマゾンクーポン

 - ブログ , , , , , , , ,