GoogleマップをWordPressでスマホ適正サイズに表示させる方法

ライムスです(*^^*)

今回は、Googleマップをスマホで見た際に、しっかりとスマホの枠におさまる方法をお伝えしたいと思います。

サイト運営をしている際に、Googleマップを活用する人は大勢おられると思いますが、スマホから見た時に、サイズがおかしくなっているサイトをよく見かけます。

また、サイズがおかしくなるため、Googleマップのサイズを『小』にしていまう人もいますが、画面が小さくと非常に見づらいですよね。

非常に簡単ですので、サクッとやっていきましょう！

Googleマップをスマホサイズに埋め込んでみよう

今回は、例として『アメリカ』を埋め込んでいきます。

①Googleマップを開き、調べたい場所を入力し、『共有』をクリック。

②『地図を埋め込む』をクリック。

③HTMLをコピー

ワードプレスの『テキスト』でHTMLをはりつけます。

この時に、600となっている箇所（サイズ中の場合）を100%に書き換えます。

書き換えた形がこちらです。

これで、スマホで見た際に横のサイズが合わさりはみでなくなります。

非常に簡単で有効的ですので、是非おためしあれ(^o^)

ABOUT US

ライムスアドセンスクエスト創設者

「YouTube」を活用した「資産型サイト」合計で月間1000万PV達成。3つの資産型サイトから大手出版社より3冊商業出版。「ブログ」アドセンスと「YouTube」アドセンスの両方を徹底的に学べる、Googleアドセンスマスター講座『アドセンスクエスト』の制作者。Yahoo!ニュース&テレビにて運営サイト複数掲載。2024年9月、個人でできるSEO対策の最高峰 Googleナレッジパネルの認証、申請完了済（本名の方で）

---

【取得済みGoogle認定資格】等

• Google アナリティクス個人認定資格（GAIQ）
• Googleアナリティクス認定資格（GA4）
• Google 広告の測定認定資格
• Google アナリティクス初級
• Google アナリティクス上級

無料プレゼント詳細はこちら

ライムスからのプレゼント♪

当サイトを発見したあなたには、ライムスから、ブログ収益に直接結びつく特別なプレゼントをご用意しました。

このプレゼントが、あなたのブログ人生を変える大きなきっかけになるかもしれません。

ガハハ！このプレゼントからはとてつもないエネルギーを感じるぞ！真の勇者を目指すための登竜門じゃ！

プレゼントはこちらから

Googleアドセンスマスター講座

「ブログアドセンス」と「YouTubeアドセンス」の”両方“を、ゲーム感覚で楽しく学ぶことができる、Googleアドセンスマスター講座です。初心者から上級者まで対応しています。あなたも、楽しみながらアドセンスクエストで稼いでみませんか？