ショートコード(その4:Google Mapsの挿入)

Google MapsのKEYとについて

サイト運営者個別のGoogle MapsのKEYとIDは、子テーマのfunction.phpの関数で指定する。
ショートコードはカスタムHTMLブロックにて独自指定タグ内に書き込む仕様になっている。

なお、同ページ内で複数のGoogle Mapsの挿入を可能とするため、PHPでランダムなIDを随時出力している。($id = ‘map’.md5(uniqid());にてIDを生成する。)

ショートコードによるGoogle Mapsの挿入(Google Plex 米グーグル本社)

GoogleMaps

上のショートコードの記述(カスタムHTMLにて)

<div class=”networkService hustleFlex”>
[hustleShort file=”include/shortcode/GoogleMaps” lat=”37.42222747169314″ lng=”-122.08402532846351″ zom=”10″]
</div>

ショートコードによるGoogle Mapsの挿入(埼玉県飯能市の駿河台大学)

GoogleMaps

上のショートコードの記述(カスタムHTMLにて)

<div class=”networkService hustleFlex”>
[hustleShort file=”include/shortcode/GoogleMaps” lat=”35.831801″ lng=”139.335434″ zom=”14″]
</div>