「ノマド生活」はコチラ

超簡単!GoogleマップをWordPressへ挿入する(埋め込む)方法を2選 丁寧に解説します!

グーグルマップをWordpressへ埋め込む アイキャッチ画像
グーグルマップをWordpressへ埋め込む アイキャッチ画像

こんにちは。misaです。

いま まさに WordPressへGoogleマップを挿入したいということで、こちらの記事にたどり着かれたのではないかと思います。

さまざまなジャンルの記事を作成していると、どこかでGoogleマップの挿入をしなければならないようなジャンルにぶち当たることがあります。

たとえば、旅行についての記事やお気に入りのお店などを紹介する記事のときです。

そのような記事を作成するときには、必ずその 場所を示したいですよね。

そして、その場所を示すのに便利なのが、なんといっても みなさんご存知の Googleマップでしょう。

Googleマップを記事内へ挿入しておくと、読者さんはそれをクリックするだけで 場所の情報を得ることができます。

このように 読者さんにとってラクに気軽に見ていただけるようにするために Googleマップは必須なのです。

それでは、WordPressへGoogleマップを挿入する方法を丁寧に解説させていただきます。

WordPressへGoogleマップを挿入する方法(方法①と方法②)

2つの方法
2つの方法

WordPressへGoogleマップを挿入する方法には、Googleマップから直接リンクをコピーして それをWordpressの記事内へ挿入する(埋め込む)方法があります。

そして、この直接的な方法には 2つの方法があり、それら2つの方法は似ているのですが、挿入したあとの表示のされ方が違います。

  • 方法①: 文字だけで表示される方法
  • 方法②: 地図として表示される方法

上記2つの方法の使い分けに関しては、正直なところ お好みです。

方法①の場合

方法①でGoogleマップを記事内に挿入したときに とてもシンプルな表示となります。

なので、1つの記事内に何度もGoogleマップの挿入が必要な場合は、方法①を使うほうがおすすめです。

方法①では、Googleマップが記事内に自然と挿入されている印象になります。

方法②の場合

方法②でGoogleマップを挿入したときには 地図がそのまま記事内へ挿入されるので、けっこう幅は とられます。

しかし、挿入するときに 大きさを選択できるので 調整すれば良いことです。

そして、特に目立たせたい地図には、方法②を使ったほうが良いでしょう。

方法②でGoogleマップを挿入した場合、読者さんの目につきやすいので、スルーされることは まず無いでしょう。

逆に、方法①なら 文字だけの表示なので スルーされてしまうこともあるかもしれません。

それでは、次項以降で 方法①と方法②について それぞれ具体的な方法を解説させていただきます。

スポンサーリンク

方法①:文字だけで表示される方法

方法①では、記事内に載せたい地図のリンクをコピーして→そのリンクを見た目がわかりやすいように編集していきます。

それでは、まずはWordPressの記事投稿画面(本文などを入力する画面)Googleマップを開きましょう。

以下の手順をふめば、完成です。

GoogleマップをWordpressへ挿入する方法 文字表示-1
GoogleマップをWordpressへ挿入する方法 文字表示-1

↓↓↓

GoogleマップをWordpressへ挿入する方法 文字表示-2
GoogleマップをWordpressへ挿入する方法 文字表示-2

↓↓↓

GoogleマップをWordpressへ挿入する方法 文字表示-3
GoogleマップをWordpressへ挿入する方法 文字表示-3

おつかれさまでした。

無事に できましたでしょうか。

それでは、次項で方法②を解説させていただきます。

スポンサーリンク

方法②:地図として表示される方法

方法②では、記事内に載せたいリンクをコピーして そのまま地図として挿入します(埋め込みます)。

それでは、まずはWordPressの記事投稿画面(本文などを入力する画面)Googleマップを開きましょう。

以下の手順をふめば、完成です。

グーグルマップをWordpressへ埋め込み 地図-1
グーグルマップをWordpressへ埋め込み 地図-1

↓↓↓

グーグルマップをWordpressへ埋め込み 地図-2
グーグルマップをWordpressへ埋め込み 地図-2

おつかれさまでした。

無事に できましたでしょうか。

それでは、次項で さいごにまとめます。

スポンサーリンク

まとめ

マップ 地図
マップ 地図

今回は、 WordPressへGoogleマップを挿入する(埋め込む)方法を解説しましたが 無事に挿入できましたでしょうか。

方法①も方法②も どちらも知っておくと 状況によって使い分けができるので とても便利です。

ぜひ今後の記事作成のときに役立てていただければ幸いです。

さいごまで ご清視ありがとうございました。

メディアを挿入する方法 アイキャッチ画像

WordPressで「メディア(画像や写真)」を追加・挿入する方法を詳しく解説します!【WordPress(ワードプレス)】

Wordpress(ワードプレス)パーマリンク アイキャッチ画像

パーマリンクとは何か?!超簡単なWordPress(ワードプレス)におけるパーマリンクの設定方法!

Webライティング 文字の装飾 アイキャッチ画像

【Webライティングに役立つ情報】文字の装飾(大きさ・色・形式)について徹底解説します!

クイックタグの使用方法 アイキャッチ画像

WordPressにおけるQuickタグ(クイックタグ)の使い方を丁寧に解説します!クイックタグで文章が華やかに!

Wordpressで新規記事を作成 アイキャッチ画像

WordPressで新規記事を作成する方法(投稿する方法)【完全保存版】

スポンサーリンク




この記事が役に立ったらシェアしてね!

 

#ネットビジネス #コミュニケーション
#ライティング #恋愛・結婚 #男性と女性

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください