WordPressの記事にGoogleマップを挿入する方法【簡単初心者向け】

こんにちは、Osushiです。

今回はワードプレスで記事の中にマップを挿入する簡単な方法を解説します。

プラグインを使わなくても超簡単にできます。旅行ガイドなどのブログでアフィリエイトをしようと考えている方必見ですよ。

Googlemap

Googleマップを開き、表示させたい場所の住所または施設名を入力します。

今回は、私がよく参拝している「明治神宮」のマップをこの記事に挿入していきます。

このように表示させる方法を解説します。

共有から埋め込みコードの生成

地図を検索すると共有ボタンが表示されます。

共有ボタンをクリックします。

タブから地図を埋め込むタブを開きます。

埋め込み用の画像のサイズを選択します。大中小、カスタムから選びます。

カスタムを選択すると好きなサイズにカスタマイズできます。

1. 幅を入力します。単位はpixelです。
2. 高さを入力します。
3. 実サイズでプレビューで大きさをポップアップで表示することが出来ます。
4. サイズが決定したらこのコードをコピーします。

コードをワードプレスに貼り付け

記事の編集画面から本文の入力をテキストに変更します。

本文にコピーしたコードを貼り付けます。

テキストからビジュアルに切り替えると地図が表示されます。

まとめ

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

今回は簡単に記事の中にGoogleマップを表示させる方法を解説しました。

ブログを書く際に、役立ちます。活用してみてください。

最後まで読んでいただきありがとうございます。