WordPressにGoogleマップを埋め込んで表示する方法

Googleマップを使うことで、地図をWordPressの記事に簡単に埋め込んで表示することができます。埋め込むまでの作業は、2ステップです。

ここから、Googleマップの埋め込む方法を説明していきます。

Googleマップから埋め込みコード取得

Googleマップを開きます。

Googleマップの（サイドパネルを開いて）検索で、表示したい場所（住所など）を入力します。

検索の下にある「共有」をクリックします。

共有ウインドウが表示されたら、「地図を埋め込む」をクリックするとiframeを使った埋め込むタグが表示され、その横にある「HTML をコピー」をクリックします。

また、サイズの変更は、埋め込むタグが表示されている左に「小」「中」「大」「カスタムサイズ」のところで変更できます。

地図の大きさを「カスタムサイズ」にすると任意のサイズに変更できます。

検索をしないで「表示したい地図の場所」を記事に埋め込みたいときは、「メニュー」をクリックします。

サイドにメニューが表示されたら、「地図を共有または埋め込む」をクリックすると「共有」ウインドウが表示するので、「埋め込みコードを取得」します。

投稿（または固定ページ）でエディター画面を開きます。

ブロックエディターの「＋」をクリックして、「カスタムHTML」ブロックをGoogleマップを表示したいところに作成します。

「カスタムHTML」ブロックに埋め込みコードを入力（貼り付け）すると地図が表示されます。