カスタマイズ

WordPressでブログに地図を埋め込む超簡単な方法【プラグイン不要】

ブロガー
ブロガー
ブログに地図を載せたいけど、どうしたらいいの?

こんな疑問にお答えします!

 

単純に住所だけ載せておくのもいいですが、地図があるとより親切ですよね。

かと言って、地図の画像(スクリーンショット)を貼るのもチョット…。

そこで今回はWordPressでプラグインを使わずにグーグルマップを埋め込む方法をご紹介します。

次のような方に向けて書いてます

  • 旅行に行った場所を表示したい
  • おすすめのお店を紹介したい
  • WordPressプラグインを使いたくない

プラグイン不要!WordPressでグーグルマップを埋め込む手順

手順は超簡単!

ざっくり次の手順でブログに地図を埋め込むことができます。

  1. グーグルマップで場所を指定
  2. 指定した場所のHTMLをコピー
  3. テキストモードでHTMLを貼り付け

それでは説明していきます!

グーグルマップを開いて場所を入力

グーグルマップURL:https://www.google.co.jp/maps

検索したい場所の名前または住所を入力 → 「Enter」キーまたは虫眼鏡アイコンをクリック(例:太宰府天満宮)
グーグルマップで場所を入力する画面

グーグルマップで指定した場所のHTMLをコピー

「共有」をクリック
グーグルマップで「共有」をクリック

「地図を埋め込む」をクリック
グーグルマップで「地図を埋め込む」をクリック

「HTMLをコピー」をクリック
グーグルマップで入力した場所のHTMLをコピー

WordPress「テキスト」モードで貼り付ける

「テキスト」モードに切り替えて、コピーしたHTMLを貼り付け
WordPressのテキストモードでHTMLを貼り付け

以上でおわり!

ブログに地図が埋め込まれているか確認してみましょう!
ブログに地図が埋め込まれているか確認

さいごに

いかがでしたでしょうか?

今回はWordPressでプラグインを使わずにグーグルマップを埋め込む方法をご紹介しました。

少しでもお役に立てましたら嬉しいです。

 

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA