投稿記事にクリッカブルマップ

WordPressにクリッカブルマップ作るのは面倒くさい・・・・・
ビジュアルモードが問題だ!
<div>
~Java Script~
</div>
とやっとけばJava Scriptは大丈夫だが、本体のmapの方に<p>~</p>が入ったり、<be />が入ったり、改行されたり、空白ができたりしてクリッカブルマップが壊れてしまう。
テキストモードだと何とか大丈夫なのであるが

例えば(試しに上郷町、青笹町、遠野町、小友町のみで作ってみた。リンク先は適当だが・・・)

それと問題なのが座標の指定が面倒くさい
でもDreamweaverを使えば何とかなる

しかしだ、折角苦労したにもかかわらず、スマートフォンだとクリッカブルマップのロールオーバー効果が表示されない。また、たとえ使えたとしても使いにくいダメだこりゃ。
そこで、jQuery RWD Image MapsからjQuery-rwdImageMaps-masterという圧縮ファイルをダウンロードして解凍、FTPでサーバーに、自分でわかりやすい場所にjquery.rwdImageMaps.jsとjquery.rwdImageMaps.min.jsをアップロードする。
下の画像にあるコードを記事のページ内に記述する。

「src=”jquery.rwdImageMaps.min.js”」は、アップロードした場所によって変更する。