スマホでもしっかり表示！自社サイトでGoogle Mapをレスポンシブ表示させる方法 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ

スマホでもしっかり表示！自社サイトでGoogle Mapをレスポンシブ表示させる方法 2020.06.19 レスポンシブWebデザイン 自社サイトを運営している方は、サイト内に自社のオフィスやお店の場所を載せたいと考えている方も多いのではないでしょうか。 その際、レスポンシブ表示の設定ができていないと、PCでは正常に表示されていても、スマホやタブレットなどではレイアウトが崩れてしまうことがあります。 というわけで今回は、自社サイトのGoogle Mapを、どのデバイスでもしっかりと表示させる方法をご紹介したいと思います。（今回はWordPressでの設定方法を紹介します。） ステップ1：Google Mapをサイトに表示させる まずは、Google Mapを開いて、自分のサイトに表示させたい住所を検索してください。 表示ができたら、赤丸で囲んだ「共有」のボタンをクリックしてください。 そし