はじめの講義

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

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

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

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

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

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

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

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

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

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

③HTMLをコピー

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

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

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

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

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

ABOUT US
アドセンスキング・ライムスアドセンスクエスト制作者
主にGoogle AdSenseを主軸としたサイトで独立11年目。月間1000万PV達成。現在20サイト以上の資産型サイトやトレンドブログを運営。運営している4サイトに大手出版社から商業出版のオファーがあり、1冊は既に出版済み、2冊目、3冊目は現在同時に執筆中。4冊目も来年出版予定。2024年9月、個人でできるSEO対策の最高峰 Googleナレッジパネルの認証、申請完了済（本名の方で） Google のナレッジパネルの申請が完了 Googleアドセンスマスター講座『アドセンスクエスト』制作者。
【取得済みGoogle認定資格】等 ライムスが取得済みのGoogle認定資格など
  • Google アナリティクス個人認定資格（GAIQ）
  • Googleアナリティクス認定資格（GA4）
  • Google 広告の測定認定資格
  • Google アナリティクス初級
  • Google アナリティクス上級
無料プレゼント詳細はこちら

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

当サイトを発見したあなたには、ライムスから、ブログ収益に直接結びつく特別なプレゼントを複数ご用意しました。「アドセンスクエスト」に少しでもご興味ある方には、必ずメリットがある特典ですので、お宝ゲットしてくださいね！

ライムス
このプレゼントが、あなたのブログ人生を変える大きなきっかけになるかもしれません。
スラ子
何が入ってるかドキドキしてきました♪

プレゼントはこちらから

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

ゲーム感覚で月収100万円までの道を学べるGoogleアドセンスマスター講座です。