【プラグイン不要】WordPressで簡単！Google Mapをブログ記事に埋め込む方法

WordPress でブログを書く上で、読者にとって役立つ情報を提供することは重要です。

例えば、場所や地図を示すことも一つの魅力的な表現方法ですね。Google Map は簡単に記事に埋め込むことができます。Google Map が用意している埋め込み用の URL をコピー＆ペーストするだけで表示することができる簡単機能です。

ポイント

本記事では、

WordPress で Google Mapを埋め込む方法を紹介します。

地図を記事に埋め込むことで、読者に渡す襄王が増えて良い記事になりますね。

＼ココナラ成功パターンを詳しく見たい方はこちらをクリックしてください／

1 Google Map の埋め込み例
2 Google Map を埋め込む方法
3 埋め込む大きさ（大・中・小）
4 枠線（ボーダー）をつける方法
5 まとめ：Google Mapをブログ記事に埋め込む方法

Google Map の埋め込み例

「凱旋門」の地図を埋め込んでみます。

パリの地図を見ると楽しくなりすぎて、もろもろ止まらなくなるので危険ですね。

Google Map を埋め込む方法

プラグインを使う方法もありますが、あまりプラグイン漬けになっても、WordPress が「わけわかめ」になりますので、直接貼る方法です。

（直接貼る方法が圧倒的に簡単です）

■ Step.1 Google Map で埋め込みたいページを表示する

左上の小窓に「住所」、または、「ランドマーク」、または「店名」などを入力して虫眼鏡で検索して目的の場所を見つけます。

■ Step.2 埋め込みコードを取得する

画面左上のメニュー（横三本線のアイコン）をクリックします。メニューが現れますので「地図を共有または埋め込む」をクリックします。

「地図を埋め込む」をクリックします。

左上のプルダウンでサイズを選び、「HTMLをコピー」表記をクリックします。

これで、クリップボードに、埋め込み用のコードをコピーします。

■ Step.3 WordPress の任意の場所に貼り付ける

ブロックを「カスタム HTML」で指定し、先ほどの貼り付け用コードを貼り付けて完成です！

埋め込む大きさ（大・中・小）

埋め込みURLを取得する際、大きさ「大」「中」「小」を選べます。

それぞれの大きさで埋めこんだサンプルです。

大きさ「大」の場合

大きさ「中」の場合

大きさ「小」の場合

サイト、記事の目的沿って使い分けてください。

枠線（ボーダー）をつける方法

そのまま URL を張り付けた場合は、地図の周りに枠線（ボーダー）が表示されません。

ボーダーを表示したい場合は、HTML の style="border:0;" を style="border:1px solid;" に書き換えます。

■ 枠線を付ける場合の書き換え例

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5248.3655650304645!2d2.295027!3d48.873792!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd9b5676e112e643d!2z44Ko44OI44Ov44O844Or5Yex5peL6ZaA!5e0!3m2!1sja!2sjp!4v1626103657709!5m2!1sja!2sjp" width="800" height="600" style="border:1px solid;" allowfullscreen="" loading="lazy"></iframe>

一か所書き換えるだけで枠線を付けることができて簡単です。

ポイント

まとめ：Google Mapをブログ記事に埋め込む方法

Google Map の地図をサイトに埋め込む方法です。

ポイント

Google Map から HTML を取得する
HTML をサイトに埋め込む

めっちゃ簡単ですね。

Enjoy！「あんなとこへの行き」方や、「こんなとこへの行き方」をバンバン紹介できますね！

40代・50代「会社員におすすめ」の在宅でできる副業５選

: 40代・50代「会社員におすすめ」の在宅でできる副業５選（初心者でもできる）

４０代、５０代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では４０代、５０代におすすめの副業５選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選

: 20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選（初心者でもできる）

２０代、３０代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。２０代、３０代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い（または少ない）主婦におすすめの副業ができれば安心ですね。記事では、２０代、３０代専業主婦におすすめの副業３選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介！

: 【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介！快適な移住先も紹介します

都会は住みにくい！地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす！おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る