Docsコンテンツ作成
日時
イベントの日付と時間を設定し、カレンダー追加・タイムゾーン表示機能について学びましょう。
3 min read
2026-07-02
日時
イベントの日付と時間を案内するセクションです。スタイルを選び、カレンダー追加ボタンやタイムゾーン表示まで設定できます。
日時とは？
- 6種類のスタイル: classic / calendar / card / typography / editorial / period（期間）
- カレンダー追加: ゲストが自分のカレンダーアプリに予定をすぐに追加
- タイムゾーン表示: 海外ゲストのための時間帯併記
- 期間表示: 1日限りのイベントだけでなく、複数日にわたるイベントにも対応
設定方法
エディターで設定
- 編集画面の左側で日時セクションを選択
- 次の項目を設定します。
| 設定 | 説明 |
|---|---|
| スタイル | classic / calendar / card / typography / editorial / period |
| タイトル | セクション上部のタイトル |
| 日付 | イベント開始日（periodスタイルでは「開始日」） |
| 終了日 | periodスタイルのみ表示 |
| 時間 | イベント開始時刻（periodスタイルでは「開始時刻」） |
| 終了時刻 | periodスタイルのみ表示 |
| 説明 | 日付の下に表示される補足文 |
| カレンダー表示 | ミニカレンダーウィジェットの表示有無（typographyスタイルを除く） |
| カレンダーに追加 | ゲストがGoogle／Appleカレンダーなどに予定を追加できる機能 |
| タイムゾーン表示 | 時間帯表記の有無 |
「期間（period）」スタイルを選択すると、終了日・終了時刻の入力欄が追加で表示されます。ワークショップや旅行のように複数日にわたるイベントに適しています。
カレンダー追加機能
カレンダーに追加トグルをオンにすると、ゲストは招待状からボタン一つで自分のカレンダーアプリ（Googleカレンダー、Appleカレンダーなど）にイベントの予定を登録できます。
タイムゾーン表示
タイムゾーン表示をオンにすると、下位項目で基準となる時間帯を選択できます。海外にいるゲストにも、自分の地域時間で迷わないよう案内できます。
海外在住のゲストが多い場合は、タイムゾーン表示をオンにして時間の混乱を減らしましょう。
背景色の使用
背景色を使用トグルをオンにすると、セクションにテンプレートのポイント背景色が適用されます。
お困りですか？
日時設定についてご不明な点がございましたら、**お問い合わせ**からお問い合わせください！