JavaScriptの勉強もかねて、萌え時計の設定を生成するページ作ってみた。リアルタイムで設定情報をJavascriptで読み込むテスト
暇な人いたら遊んでみてー。バグはありそう(汗https://t.co/5ENdxgdbTF#萌えクロック #萌え時計 pic.twitter.com/EjuTZHKUvV— 宇奈月けやき (@UNADUKI_Keyaki) April 19, 2018
Twitter にウィジットってあるじゃない? 自分のサイトにリアルタイムに自分のツイートを貼り付けたりできたりするやつ。あんな感じで萌え時計の設定を GUI で出来ないかなーと思って Javascript で組んでみた。
GUI で色々調節すると、サイトに貼り付ける HTML が生成されるというもの。
仕組み自体はわりとすぐに作れたんだけど、これを WordPress 上で動かすことができなくて……色々調べたらプラグインを入れなくちゃダメらしいので、それで解決した。
WordPress上でもJavascriptうごいたー!https://t.co/tGi80p8h7S#WordPress #JavaScript #萌えクロック #萌え時計 https://t.co/Q29BaQABdj
— 宇奈月けやき (@UNADUKI_Keyaki) April 19, 2018
使ったプラグインは CSS & JavaScript ToolBox とかいうもの。
プラグインなしでやりたい場合は、function.php だったかなぁ、そこにゴリゴリソースを追加すればいいんだけど、function.php が肥大化するのとスパゲッティになっちゃうので、とりあえずプラグインを頼ることにした。
- 今夜のヘビロテ -> あたらしいうた / 花澤香菜