スマートフォン(レスポンシブ)対応の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のプラグイン「Contact Form 7」で画像を…

  2. JetPack タイルギャラリーの使い方

  3. 2013.7.13 WordBench 神戸 「お気に入りのテーマを見…

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

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

  6. WordPressのバックアップ

    WordPressを「BackWPup」プラグインで定期的にバックアッ…

コメント

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

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

CAPTCHA


最近の記事

  1. WordPressのバックアップ
  2. 女性起業家の方へ

アーカイブ

制作実績一覧

  1. 芦屋気功療法院
  2. ホメオスタジア 敏感肌・乾燥肌用クレンジング&洗願ジェル
  3. office-aki
  4. looplus 神戸の不動産買取・売却・リフォーム
  5. 12starz
  6. SOARist
  7. ダンスウェア ララック様
  8. デジタルイースト
  9. 西表島 シュノーケル・カヌーツアーcrossriver