【WordPress】ブログにGoogleマップを埋め込む方法｜画像付きで丁寧に解説

ブログで旅行先で行った場所などをGoogleマップで紹介したいんだけど、どうやって埋め込むことができるの？

こんな疑問にお答えします！

本記事を書いているのは

• AIクリエイター
  音楽生成AIや画像生成AIを使ってYouTubeを運営中
• 生成AI歴３年目
  2022年11月ChatGPT-3.5リリース時から利用
• ブログ運用歴５年
  現在３つのブログと最近noteを運用中
  ※記事内の不明な点・質問などは、XのDMやお問い合わせにて気軽に聞いてくださいね！

【WordPress】ブログにGoogleマップを埋め込む方法

次のステップで進んで行きましょう！

STEP

ブラウザでGoogleマップを開く

STEP

画面左上の三本線のアイコンをクリック

STEP

「地図を共有または埋め込む」をクリック

STEP

「地図を埋め込む」をクリック

STEP

「HTMLをコピー」をクリック

STEP

WordPressの投稿ページで「HTML」のブロックを開く

STEP

HTMLブロックにコピーしたGoogleマップのコードを貼り付ける

STEP

「プレビュー」をクリックして確認

このように実際にGoogleマップを貼り付けることができました！
拡大や縮小も可能でしたよ！

　

↓縮小後↓

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

この方法を使えば、企業サイトや旅行ブログなど、多くの場面で使うことができそうですね。

ぜひブログ記事に有効活用してみてください。