NTTドコモ様_dカーシェア
NTTドコモ様_dカーシェア
2015.01.09

Googleカレンダーのデザインをカスタマイズして埋め込む方法

サリー

こんにちは、デザイナーのサリーです。

LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。

そこで、いいオフィスサイトにイベントカレンダーを表示しよう!ということに。

Googleカレンダーのデフォルトのデザイン

しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´・_・`)

Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。

何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました!
今回は、gcalendar-wrapper.phpの使い方についてご紹介します。