Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
GoogleカレンダーをHPに貼り付けたいが見た目が気に入らなかったのでカスタマイズしたい | ねたまめ.com
GoogleCalendarは大変便利ですが、そのままサイト上に貼り付けるとどうも野暮ったい。 そんな時は、jQueryプラグイン「FullCalendar」で見栄えを独自に整えることができます。 例えばこんな感じに↓ 今回は、この設定方法をご紹介していきたいと思います。 ちなみに、今記事を書いている時点でのバージョンは2.3.2.です。 (※そういえば、2014年11月にCalendar APIがv3になり、さらにFullCalendarのバージョンも上がったので、使用してる全てのサイトのカレンダーが真っ白になってドキドキしたのを覚えています。) 表示されなくなって困っているという方も再度挑戦してみて下さい。 はじめに 設置 GoogleCalendarを読み込む –①APIキーの取得 –②カレンダーIDの取得 –③gcal-イベントの入力 カレンダーの追加 スタイルの追加/変更 はじめ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
