ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

カレンダーイベントフィールドを表示ページテンプレートにマッピングする

カレンダーフィールドを表示ページテンプレートにマッピングすることで、カレンダーイベント情報をカスタマイズして表示できます。タイトル、日付、場所などの特定のフィールドを強調表示し、関連性の低いその他のフィールドを非表示にします。

さらに、コンテンツページでコレクション表示フラグメントを使用して、動的または手動で生成されたカレンダーイベントのコレクションを表示し、ユーザーを各コレクションアイテムの表示ページテンプレートに誘導します。

これを行うには、カレンダーウィジェットを使用してカレンダーイベント、イベントを動的にグループ化するコレクション、カレンダーイベントの表示方法をカスタマイズする表示ページテンプレート、コレクション内のすべてのアイテムを表示するコレクション表示フラグメントを含むコンテンツページ、およびユーザーを表示ページテンプレートに送信するボタンを作成します。

カレンダーイベント

まず、カレンダーウィジェットをページに追加し、ページに移動してイベントを作成します。

新しいページを作成または編集を開始します。
フラグメントとウィジェットのサイドバーで、 カレンダー ウィジェットを探します。ページにドラッグ＆ドロップしてページを公開します。
ページに移動して、 イベントの追加をクリックします。情報を入力して、公開をクリックします。
さらにいくつかのイベントを追加します。

カレンダーイベントをグループ化する動的コレクション

カレンダーイベントをグループ化するコレクションを作成します。コレクション表示フラグメントを使用して、後でこのコレクションを表示できます。

動的コレクションを作成し、 カレンダーイベントコレクションという名前を付けます。
[アイテムタイプ] ドロップダウンメニューで、[単一アイテムタイプ] の下にある [カレンダーイベント] を選択します。
(オプション) コレクションを構成します。
[保存]をクリックします。

新しいイベントも含め、すべてのカレンダーイベントがコレクションに追加されます。

カレンダーイベント表示ページテンプレート

表示ページテンプレートを作成し、カレンダーイベントフィールドを要素にマップします。この例では、イベントの情報を表示するための簡単な構造を作成します。

表示ページテンプレートを作成し、 カレンダーイベント表示ページテンプレートという名前を付け、コンテンツタイプとして カレンダーイベント を選択します。

表示ページテンプレートがカレンダーイベントに関連付けられました。
フラグメントとウィジェットサイドバーから、 コンテナ フラグメントをページにドラッグします。
既存のコンテナに別のコンテナを追加します。ブラウザで、 内部コンテナー を 1 回クリックし、右側の スタイル タブを選択します。左右に 14.5 rem、上余白に 4.5 rem、下余白に 7.5 rem を追加します。
内部コンテナーに見出しを追加します。ブラウザで見出しを 1 回クリックし、右側の スタイル タブを選択します。 1.5 rem の下余白を追加します。
見出しをもう一度クリックし (ブラウザを使用するか、実際の要素をクリックすることができます)、右側の マッピング タブを選択します。フィールドの下で、 タイトルを選択します。どのカレンダーフィールドをマップできるかを知るには、マップ可能なフィールドをお読みください。

これにより、見出しのコンテンツがカレンダーイベントのタイトルにマッピングされます。
手順を繰り返して段落要素を追加し、1.5 rem の下余白を追加して、カレンダーイベントの説明にマッピングします。
手順を繰り返して見出し要素を追加します。 [全般]タブで、 H5 見出しレベルに設定します。「スタイル」タブで、0.5 rem の下余白を追加します。カレンダーイベントの場所にマップします。
手順を繰り返して見出し要素を追加します。 [全般]タブで、 H5 見出しレベルに設定します。カレンダーイベントの 開始日 にマップします。
手順を繰り返して見出し要素を追加します。 [全般]タブで、 H5 見出しレベルに設定します。カレンダーイベントの 終了日 にマップします。
公開をクリック

これで、カレンダー情報を表示するシンプルな構造が完成しました。上部にイベントのタイトル、続いて説明、場所、時刻が表示されます。この情報を他のコンテンツと組み合わせて追加し、好きなようにカスタマイズすることもできます。

コレクション表示で使用するには、表示ページテンプレートをデフォルトとしてマークします。ページを公開すると、ページテンプレートアプリケーションが表示されます。作成したテンプレートの横にある アクション () をクリックし、 デフォルトとしてマークを選択します。

カレンダーイベントコレクションを表示するコンテンツページ

コンテンツページを作成し、コレクション表示フラグメントを追加してカレンダーイベントを表示し、ユーザーをカレンダーイベント表示ページテンプレートに送信します。

この例では、イベントのタイトルと、クリックすると表示ページテンプレートにリンクするボタンを表示する単純な構造を作成します。

新しいページを作成し、 カレンダーイベントコレクションページという名前を付けます。
フラグメントとウィジェットのサイドバーで、コレクション表示フラグメントを探します。ページにドラッグアンドドロップします。
コレクション表示 を 1 回クリックし、右側のコレクションの横にある追加 () をクリックして、 カレンダーイベントコレクションを選択します。

既存のイベントのタイトルは、コレクション表示にコレクションアイテムとして表示されます。コレクションアイテム領域内に要素をドロップすると、同じ要素が他のアイテムにも追加されます。
フラグメントとウィジェットサイドバーで、コンテナーフラグメントをコレクションアイテム領域にドラッグします。ブラウザで、 コンテナ を 1 回クリックし、右側の スタイル タブを選択します。 14.5 rem の右余白と左余白、および 3.0 rem の上余白を追加します。
コンテナーに見出しを追加します。ブラウザで、 見出し を 1 回クリックし、右側の スタイル タブを選択します。 1 rem の下余白を追加します。
見出しをもう一度クリックし (ブラウザを使用するか、実際の要素をクリックすることができます)、右側の マッピング タブを選択します。フィールドの下で、 タイトルを選択します。
コンテナーにボタンを追加します。ボタンの内容をダブルクリックすると、 詳細を表示に変更されます。

変更を適用するには、他の場所をクリックするか、 ESC を押します。
ボタンの外をクリックし、ボタン領域をダブルクリックすると、右側にマッピングとリンクのタブが表示されます。 リンク タブを開きます。

このアクションはブラウザを使用して実行できます。 ボタン 要素をクリックして展開し、内部のリンク要素を選択します。
[リンク] の下で マップされた URL を選択し、[フィールド] の下で デフォルトを選択します。
公開をクリック

完了したら、すべてが機能しているかどうかを確認します。カレンダーイベント収集ページに移動します。いずれかの 「詳細を見る」 ボタンをクリックします。イベントに関する情報を表示する表示ページテンプレートに送信されます。

マップ可能なフィールド

表示ページテンプレート要素にマップできるカレンダーイベントフィールドの一覧を次に示します。

項目	Description
タイトル	イベントのタイトル。
説明	イベントの説明。
ロケーション	イベントの開催場所。
イベントの URL	イベントの URL。
開始日	イベントの開始日。
終了日	イベントの終了日。
終日	終日オプションが選択されている場合は `True` を返し、それ以外の場合は `False` を返します。
カレンダー名	イベントが追加されるカレンダーの名前。
ゲスト	承認、拒否、保留、未定のステータスと、各カテゴリの人数を表示します。
繰り返し	イベントが繰り返し不可能な場合は `False` を返し、そうでない場合は繰り返しの詳細を返します。