練習用@鍼灸院WPテンプレート【OASIS】

交通アクセス・地図の作成

うちの鍼灸院は駅の目の前にあるのに道に迷う人が多いのよ。治療中に道案内の電話に対応するのが大変で困ってます。

現在はグーグルマップを埋め込むだけで地図の作成は完了します。グーグルマップには道案内機能などもあるので、グーグルマップの埋め込みさえマスターすれば、様々な用途に使えます。ただし、補足情報として、次の項目を加えることをお勧めします。

◆交通アクセスページに載せたい項目

  • 最寄り駅、バス停
  • 最寄り駅からの距離
  • 主要な道路(車の場合)
  • 駐輪場・駐車場の有無
  • ラウンドマーク(目印となる建物) 
  • ターミナル駅からの所要時間

ターミナル駅からの所要時間は、例えば「渋谷駅から15分圏内」「羽田空港からから電車で40分」「東京駅から30分」など、鍼灸院の立地によってはアクセスの良さをPRするのもありでしょう。

また、それぞれ「電車でお越しの場合」「お車でお越しの場合」「新幹線でお越しの場合」「飛行機でお越しの場合」など、利用交通機関ごとに説明を加えると親切です。

グーグルマップの埋め込み方

ワードプレでグーグルマップマップを各ページに挿入する方法は様々です。ここでは、一般的な挿入方法を記載します。

1、表示する地図を作成しHTMLをコピー

  • グーグルマップを表示する
  • 自分の鍼灸院の名前で検索
  • 自院が表示されなければ登録
  • 画面左上の「三バー」から地図共有または埋め込みを選択
  • メニューで「埋め込み」を選択
  • サイズを選択してHTMLコピー

以上の操作で地図のコードが入手できます。ワードファイルなどにコピーして保存しておいてください。次はワードプレスのページに地図を埋め込む作業です。

2、ページに地図を埋め込む。

  • 画面左上の+ボタン(ブロック追加)を押す
  • フォーマット」の「カスタムHTML」を選択挿入
  • 入力欄に地図コードをそのままペースト
  • ウェジェットの場合も「カスタムHTML」パネル

地図の微調整は、実際の画面で確認しながら、見栄えが良くなるまで1と2の作業を行ってください。地図の大きさは、カスタム、小・中・大があります。本文中の地図であればが良いでしょう。

地図コードの例

この記事を書いた人

目次