googleマップをブログサイトに埋め込むわかりやすい方法!

  • 2020.03.17(火)
  • 2020.05.13(水)
  • WordPress
  • 215View

 

こんにちは、ryoujiroです。

 

当ブログを訪問して下さりありがとうございます。

 

当ブログでは観光地や史跡の情報を発信しているサイトです。

 

観光地、史跡の場所をお伝えしようとサイト内ではgoogleマップを活用しています。

 

そして、ブログ記事はワードプレスを活用しています。

 

今回は、ワードプレスでのgoogleマップのサイトへの埋め込み手順を紹介しますネ。

 

googleマップを表示しましょう。

 

まず、googleマップを立ち上げしょう。

 

①検索エンジンでgoogleマップを検索

 

②一番上にgoogleマップが表示されますのでマウスを左クリック

 

 

表示したい名称を表示する。

 

①googleマップが立ち上がったら、表示したい名称もしくは住所を入力します。

 

②入力したらマウス左クリックします。

 

 

③地図が表示されたら、入力した名称の左のメニューバーを左クリックします。

 

 

 

googleマッップを埋め込む作業に入ります。

 

 

①メニューバーが表示されたら、地図を共有または埋め込むを、マウス左クリックします。

 

 

②共有BOXが表示されたら、地図を埋め込むを、マウス左クリックします。

 

 

③HTMLが表示されたら、HTMLコピーを、マウス左クリックします。

 

 

 

いよいよ、実際にワードプレスにgoogleマップを埋め込みます。

 

①ワードプレスを立ち上げたら地図を表示したい位置にカーソルを置く。

②テキストを、マウス左クリックする。

 

 

③テキスト画像が表示されたら、カーソル位置をマウス右クリックし、貼り付けを左クリックしたら、googleマップのHTMLが貼りつけできます。

 

 

ビジュアル画像を見ると、しっかりと埋め込まれています。

 

 

一見ややこしそうな作業ですけど、一度行うと後は同じことの繰り返しですから慣れてきますよ。

 

皆さんも、地図を貼り付けて位置情報の発信に活用してみてくださいネ。