開発

【WordPress】記事本文にGoogleマップを埋め込む

WordPressの投稿記事にGoogleマップを埋め込む方法です!

Googleマップからコードを貼り付ける

Googleマップを埋め込む

①Googleマップにアクセスする。

②住所または建物名を入力する。

②「共有」をクリックする。

③「地図を埋め込む」タブを選択し、サイズのプルダウンをクリックする。
右下の「+」「−」で地図を拡大・縮小できる。

④「カスタムサイズ」を選択すると自分でサイズを決められる。

サイズの入力が終わったら、HTMLをコピーをクリックする。

Googleマップを埋め込む

①Wordpressの投稿記事でクラシックエディタを作成し、挿入→メディアをクリックする。

②埋め込むタブを選択し、「埋め込みコードを以下にペーストしてください。」の下にコピーしたコードを貼り付けて、OKをクリックする。

③埋め込んだ地図はエディタ上で下のように左揃えで表示される。

④クラシックエディタ内の中央揃えをクリックすると、地図を中央揃えで表示させることができる。

⑤プレビュー画面で記事が正しく表示されていればOK。

  • この記事を書いた人

やみみん

FGOの考察ブログです。 妄想9割、真面目な考察が1割なので基本当たりません。 Twitter→ @yamimiin

-開発
-

© 2021 Studio Yamimin Powered by AFFINGER5