メインメニューを開く

差分

WordPressにSimpleMapを導入する

2,006 バイト追加, 2019年7月22日 (月) 14:04
ページの作成:「WordPressにSimpleMapを入れてみたから、入れ方と使い方をまとめてみるよ。<br/> SimpleMapはWordPressの投稿にGoogleMapの地図を表示でき…」
WordPressにSimpleMapを入れてみたから、入れ方と使い方をまとめてみるよ。<br/>
SimpleMapはWordPressの投稿にGoogleMapの地図を表示できるプラグインなんだ。

== SimpleMapの導入 ==
#WordPressのダッシュボードの左のメニューから「プラグイン」→「新規追加」をクリックするよ。
#「プラグインの検索」に「Simple Map」と入力して検索してね。
#一覧に「Simple Map」が表示されたら、「いますぐインストール」をクリックしてね。
#インストールされたら「いますぐ有効化」のリンクをクリックしてね。

== SimpleMapの使い方 ==
=== 住所で設定 ===
住所が分かっている場合は、住所を入れるだけで表示されるよ。
<pre>
[map]東京都新宿区西新宿2−8−1[/map]
</pre>
(ちなみに上の住所は東京都庁だよ)

=== 緯度経度で設定 ===
海の上とか湖の上など住所が存在しない場合は、緯度経度で指定できるよ。
<pre>
[map lat="35.689634" lng="139.692101"][/map]
</pre>

=== 表示するマップのサイズを指定 ===
マップサイズの指定もできるよ。
<pre>
[map width="400px" height="300px"]東京都新宿区西新宿2−8−1[/map]
</pre>

=== 地図の倍率の指定 ===
地図の倍率も指定できるよ。
<pre>
[map zoom="18"]東京都新宿区西新宿2−8−1[/map]
</pre>

=== Google Static Mapsの閾値を指定 ===
これを見て初めて知ったんだけど…Google Static Mapsってマウスで動かせない画像地図みたいなものらしいよ。
<pre>
[map breakpoint="320px"]東京都新宿区西新宿2−8−1[/map]
</pre>
画面の横幅が320px以下の場合はGoogle Static Mapsを使って表示するみたいだよ。

== 参考サイトというか…開発者様 ==
[http://firegoby.jp/wp/simple-map firegoby - Simple Map – 超簡単&スマフォ対応のGoogle Map]

[[Category:WordPress]]