[Google Calendar Events] イベントの内容に応じて数字の色を変えてみた

Googleカレンダーが出力するフィードを引っぱってきて、WordPressのサイト内に表示させることのできるプラグイン『Google Calendar Events』。GoogleカレンダーのスマートなUIでイベント管理しつつ、サイトのデザインに合わせたカスタマイズができるなかなか有用なプラグインです。

先日、このプラグインを使ったサイト構築の案件で「カレンダーの内容(=イベントのタイトル)に応じてカレンダーの色を変えたい」というリクエストがあったので、jQueryを使って解決してみました。いつもどおり「ご利用は計画的に」の技術情報ですが、どなたかのお役に立てれば。

なお今回は、カレンダーをグリッド表示させている場合のカスタマイズ例なので予めお含み置きを。


↑こんな感じにカレンダーを表示させた場合ですね
続きを読む [Google Calendar Events] イベントの内容に応じて数字の色を変えてみた