スマートフォン（レスポンシブ）対応のGoogleMap

WordPressでレスポンシブデザインの場合にGoogle Mapをそのまま貼りつけると、<iframe>タグで幅と高さを指定しているので、スマホだと幅がはみ出てしまい、上手く表示されません！
このプラグインは、簡単なショートコードでGoogle Mapを挿入できて、しかも余計な機能がないので使いやすい！


Simple　Map

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

使い方

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

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

高さと幅も指定可能

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

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

こちらもどうぞ

Google AJAX Feed APIで静的HTMLに外部ブログを読み込み表示させる Jetpack　スライドショーの背景色を変更する スマートフォンをWi-Fiルーターにして外でもネット環境を作ってみた！ どうやったらWEBデザイナーになれますか？