埋め込み式のGoogleカレンダーのパラメーターをカスタマイズする | DXシステム開発・WEB制作 SmileVision|大阪のWEBシステム開発 SmileVision

社員ブログ 埋め込み式のGoogleカレンダーのパラメーターをカスタマイズする

ども、こんにちは。開発部のいろはです(^^)

Googleカレンダーはiframeで好きなページに埋め込むことができ、非常に簡単で便利なものです。
TECH扇町のカレンダーにもこの埋め込み式のカレンダーを採用しております。

そのまま埋め込んでも便利なのですが、実はカレンダーの表示内容をお好みに変更することができます。
今回は埋め込み式のGoogleカレンダーでパラメータ変更できる9つの項目についてご紹介いたします!

目次

■外部リンク
Googleカレンダー埋め込み支援ツール

あわせて読みたい
埋込み式のGoogleカレンダーの色を自由自在にカスタマイズする方法ども、こんにちは。開発部のいろはです! Googleカレンダーはiframeでサイトへ簡単に埋め込むことができますが、 通常のカラー...

1.タイトルの文字を非表示にする

実行結果
showTitle=0 非表示
showTitle=1 表示(デフォルト)
表示(デフォルト)

非表示

2.週・月・予定リストの表示切替タブを非表示にする

実行結果
showTabs=0 非表示
showTabs=1 表示(デフォルト)
表示(デフォルト)

非表示

3.印刷ボタンを非表示にする

実行結果
showPrint=0 非表示
showPrint=1 表示(デフォルト)
表示(デフォルト)

非表示

4.現在表示されているカレンダーの期間表示を非表示にする

実行結果
showDate=0 非表示
showDate=1 表示(デフォルト)
表示(デフォルト)

非表示

5.前月/前週/今日/翌週/翌月への移動ボタンを非表示にする

実行結果
showNav=0 非表示
showNav=1 表示(デフォルト)
表示(デフォルト)

非表示

6.カレンダー表示切替ナビを非表示にする

実行結果
showCalendars=0 非表示
showCalendars=1 表示(デフォルト)
表示(デフォルト)

非表示

7.カレンダーの表示言語を変更する

実行結果
hl=ja 日本語(デフォルト)
hl=en 英語(US)
日本語(デフォルト)

英語(US)

8.日本の祝日を表示する

実行結果
src=ja.japanese%23holiday%40group.v.calendar.google.com 祝日を表示
祝日を表示

9.最初に表示するカレンダーを変更する

実行結果
(指定なし)
mode=WEEK
mode=AGENDA 予定リスト

予定リスト

以上、9種類のパラメータの変更方法についてご紹介いたしました。
不要な部分をカットすることで訪問者の誤操作を軽減できるかもしれませんね!

それではお疲れ様でした!ノシ

ABOUT ME
いろは
いろは
2017年入社 開発部所属のいろはと申します! 当ブログではWordPressなどWEBに関するアイデアや応用例をを中心に発信して参ります。