【WordPress】Googleマップ 埋め込み方法&英語表記

WordPress

 

 Googleマップを本文内に表示したい場合の埋め込み方法です!

 英語表記もできます

 

埋め込み方法

● 手順 ●

 ① GoogleマップでHTMLコードを取得
 ② カスタムHTMLで好きな場所に表示

 

① GoogleマップでHTMLコードを取得

 Googleマップにアクセスして
 左上の検索欄に表示させたい場所の名前や住所を入力、検索ボタンをクリックします
 (東京駅で説明します)

 

 右端にある『共有』をクリックします

 

 出てきた画面にて『地図を埋め込む』をクリックし、
 左上にある『中▼』より好きなサイズを選択してください

  • 小  400×300 px
  • 中  600×450 px
  • 大  800×600 px
  • カスタムサイズ  好きなpxを指定

 

 『HTMLをコピー』ボタンでコードをコピーします

 

② カスタムHTMLで好きな場所に表示

 固定ページや投稿ページの好きな場所にカスタムHTMLブロックを設定して、
 ①でコピーしたコードをそのまま貼り付けたら完成です!

 

 ※ 英語表記したい時 ※

 ①でGooglemapにアクセスした際、共有をクリックする前に

 右上のハンバーガーメニューから『言語』をクリックして、 

 Englishを選択すればできます!

 

 もちろん他言語もOK!