【WordPress】Google Mapを表示してみる

表示例

表示したい場所をGoogle Mapで開く

今回の例では東京駅を表示してみます。

Google Mapの埋め込み用HTMLコードを取得

共有をクリック。

地図を埋め込むタブをクリック。

サイズがデフォルトでは中になっているので、任意のサイズを選択→HTMLをコピーをクリック。

WordPressに埋め込む

カスタムHTMLにコピーしたHTMLを貼り付け。

プレビューで確認

新しいタブでプレビューをクリック。

WordPress上にGoogle Mapが表示されていればOK。

以上になります。
お読み頂き、ありがとうございました。