本業はWebシステム開発の龍司です。

このブログはブログシステムに”WordPress”を使ってるんですが、いつもルートラボのコース図をはりつけるときに「イラッ」としてました。

WordPressは標準のままだとJavaScriptのコードは貼り付けられないんですよね。

で、それを回避するためにカスタムフィールドとショートコードを併用してルートラボのコース図をはりつけてたんですが…

1. ルートラボのコースをはりつけるのは1ヶ月1回あるかないかぐらい
2. たまのことなんで、前回どうやったか忘れてそのままJavaScriptコードをはりつける
3. 当然表示できない
4. 貼り付け方をぐぐる(^^;
5. 「あーそうだった。そうだった」って思いながら、面倒な手順を踏む

っということを毎度ルートラボのコースを貼り付ける度にやってたので毎度毎度イライラしてたんですね。

で、ついカッとなってルートラボのコースURLをWordPressに貼り付けたら、コース図が表示されるプラグインつくってしまいました。

ルートラボのコースをWordPressの記事に埋め込む – Qiita [キータ]

プラグイン化したファイルはGithubにおいてあります。

https://github.com/RyujiAMANO/WordPress_Plugin_LatLongLab_route

プラグインをインストールしたら、あとは使い方は簡単です。

1．ルートラボを開いて掲載したいコースを開きます。

2.URLをコピーします

3．WordPressに貼り付けます

これだけで下記のようにルートラボのコースが表示できます。

https://latlonglab.yahoo.co.jp/route/watch?id=6f9a90c57f64c6d3e8177420cbbcf024

WordPressをお使いでルートラボのコースを記事に埋め込みたい方が他にもいたら、ご自由にお使いください〜