Googleマップをショートコードで実装するTweetTweetWordPressのテンプレートにGoogleマップをショートコードで実装する方法をご紹介します。Googleマップは、APIがバージョン3となり、できることが増えていますが、ここではスタンダードな地図の出し方をご紹介しておきますので、必要に応じてカスタマイズしてお使いください。ショートコードでの実装とするため、スマートフォン対応のプラグインをお使いの場合は、それぞれのテンプレートへの記述が必要となります。どのようなショートコードで地図を表示するかを決めておきます。class=””]というショートコードとした場合のコードを書いていきます。latには緯度経度をカンマ区切りで設定、textは特に指定の必要はありませんがマーカーにマウスオーバーした際のテキストを、targetは地図を1つのページで2枚以上利用する場合に他の地図と重複しないID名を設定(1ページ1枚の時は設定する必要はありません)します。widthとheightは描写するサイズとなり、必ずpxなどの単位まで指定してください。classは、スタイルシートなどでデザインを整える場合に利用できるclass名を設定します。PC用の地図出力部分本体のコードです。携帯表示プラグインのktai-styleではPC用のfunctions.phpを使うため、ktai-style用のコードも入っています。携帯電話用には、javascriptではなく通常の画像が表示されるように実装します。以下のコードを、ご使用中のテンプレートのfunctions.phpに書いてください。bodyタグにonloadイベントを追加しinitialize()を呼び出します。具体的にはbodyタグ部分が以下のようになります。onload="initialize();">なお、携帯電話対応の場合はjavascriptではないので、bodyタグからの呼び出しはありません。コメントをキャンセルメールアドレスが公開されることはありません。