T.N.K.Japan

埋め込みGoogleカレンダーのカスタマイズ

2016年9月30日

Googleカレンダーはとても便利。
私はもう10年くらい使っています。

もちろんWebサイトにも埋め込めますし、
実際埋め込んでるページも見かけますが
カスタマイズはできないの？と
これまた、ずーっと思っていました。

さすがに今どきのことだからツールあるだろう、と
探してみたら gcalendar-wrapper.php というスクリプトが
公開されていました。これは便利！

Easy Color Customization for Embedded Google Calendars

そして、レスポンシブ対応は簡単。

<iframe src="https:～省略～" style="border-width:0" width="500" height="500" frameborder="0" scrolling="no"></iframe>

の width=”500″ の部分をwidth=”100%”とすると、iframeの幅が親要素の100%になります。
%の無い数字はpxを表しています。