スマートフォン(レスポンシブ)対応のGoogleMap

WordPressでレスポンシブデザインの場合にGoogle Mapをそのまま貼りつけると、<iframe>タグで幅と高さを指定しているので、スマホだと幅がはみ出てしまい、上手く表示されません!

このプラグインは、簡単なショートコードでGoogle Mapを挿入できて、しかも余計な機能がないので使いやすい!

WordPressプラグインSimple Map
Simple Map

こちらの作者様のサイトで詳しい説明があります。

使い方

プラグインをインストールして有効にするだけ!
あとはショートコードで住所を入れるだけ!

[map addr="東京都千代田区永田町1-7"]

高さと幅も指定可能

<pre>[map addr="東京都千代田区永田町1-7" width="400px" height="300px"]

その他の指定方法もあります。

関連記事

  1. WordPress ブロックエディター 記事投稿マニュアル(ダウンロード用PDF)

    WordPress (Ver5.7)ブロックエディター記事更新マニュア…

  2. ロリポップで「不正なアクセスを検知いたしました」とメールが来てWord…

  3. 固定ページ毎に違うヘッダー画像をアイキャッチで設定する

  4. microdataでHTML5のパンくずリストを作成

  5. Lightningユーザーとして初めてShifterを触ってみたよ

  6. Jetpack スライドショーの背景色を変更する

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. WordPress ブロックエディター 記事投稿マニュアル(ダウンロード用PDF)
  2. 「雑誌取材」や「TV番組取材」という名目の広告営業にご注意!
  3. フリーランスに必要な「稼ぎ力」「継続力」を身につける

アーカイブ

制作実績一覧

  1. 関西セミナー
  2. カフェ XuXu
  3. 札幌すすきののワインバー&レストラン Rencontre(ランコントル)
  4. 水野直子 公式サイト
  5. コロナウイルス対策 リモーバ
  6. 霊能者が占うスピリチュアルサロン medium
  7. 沖口まこと体操クラブ
  8. やまもとサンクリニック/西宮
  9. 山崎由香のHappyLifeブログ