GoogleマップをWordPress記事に埋め込む方法

GoogleマップをWordPress記事に埋め込む方法

WordPressブログにて、Googleマップを埋め込む方法をご紹介します。

手順

GoogleマップをWordPress記事に埋め込む方法01

googleにて、埋め込みたい建物を検索します。

GoogleマップをWordPress記事に埋め込む方法02

「地図」のタブを選択します。

GoogleマップをWordPress記事に埋め込む方法03

もしくは地図の画像をクリックでもOKです。

GoogleマップをWordPress記事に埋め込む方法04

「共有」をクリックします。

GoogleマップをWordPress記事に埋め込む方法05

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

GoogleマップをWordPress記事に埋め込む方法06

「HTMLをコピー」をクリックすると、クリップボードにコピーされます。

GoogleマップをWordPress記事に埋め込む方法07

WordPressの記事投稿画面にて「カスタムHTML」を選択し、先ほどコピーしたHTMLを貼り付けます。

GoogleマップをWordPress記事に埋め込む方法08

デフォルトでは「width=”600″ height=”450″」のサイズになっていますので、この数字部分を変更することで自分の好きなサイズに変更が可能です。width=横幅、height=高さとなります。
width=100%とすることで、横幅いっぱいに表示されます。

GoogleマップをWordPress記事に埋め込む方法08

プレビュー画面にて確認してみると、地図が表示されました。