1. コンテンツの追加と変更

イベント カレンダーとイベント リスト レンダリングを追加する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Webサイトにカレンダーを追加すると、今後のイベントを表示するのに最適な方法です。SXAには、Webサイトで今後のイベントを発表するのに役立つ2つのレンダリング (イベント リストとイベント カレンダー) が付属しています。

イベント カレンダー レンダリングでは、カレンダー内のイベント リストからイベントが表示されます。イベント リスト レンダリングでは、イベントのリストが、名前、説明、場所、開始/終了時間、およびリンクとともに表示されます。

イベント カレンダー レンダリングの追加と構成

イベント カレンダー レンダリングでは、インタラクティブなカレンダー ウィジェットを使用してイベントを表示できます。カレンダーは、さまざまなモードで動作するように設定できます。たとえば、月、週、または日を一度に表示し、ブラウジングを有効または無効にすることができます。また、外部ソースからのイベントを表示することもできます。たとえば、既存のGoogleカレンダー フィードから予定を取得する場合などです。

イベント カレンダー レンダリングを追加および設定するには:

  1. ツールボックスのEventsセクションで、レンダリングEvent Calendarをページにドラッグします。

  2. Select the Associated Contentダイアログボックスで、目的のコンテンツアイテムをクリックし、Createをクリックして新しいイベントを作成します。

  3. Control Propertiesダイアログボックスでは、次の設定を行うことができます。

    • Calendar settings - カレンダービューの外観を指定するには、「 AgendaWeek」、「 AgendaDay」、「 Month」、「 Week」、または「 Day」を選択します。これらの各種類は、カレンダー ビューに特定のコントロールを追加します。たとえば、MonthWeekDayタイプを追加すると、ユーザーがカレンダー ビューを変更できるボタンが追加されます。

      Calendar settings
    • Show Previous Next - カレンダーに「前へ」ボタンと「次へ」ボタン(矢印)を追加する場合に選択します。

      Add arrows to the calendar
    • Show Month captions - 現在のビューのキャプションを表示する場合に選択します。

      Example of the month caption view
    • Compact View - コンパクト ビューを表示する場合に選択します。コンパクト表示では、イベントはカレンダーでマークされますが、訪問者がマークされた日にカーソルを合わせたときにのみ表示されます。

      これは、イベント カレンダー イベントにGoogleカレンダーのXMLフィードURLが指定されていない場合にのみ機能します。GoogleカレンダーのフィードURLが指定されているかどうかを確認するには、イベント カレンダーのフローティング ツールバーのEdit Google calendar propertiesアイコンをクリックします。

イベント・リスト・レンダリングの追加と構成

イベント リスト レンダリングには、イベントの列挙が表示されます。各エントリには、発生の名前と日付、および会場、説明、Webリンクなどの他の詳細が表示されます。イベントのリストは編集可能で、ページ上の情報を直接更新できます。各イベントはSitecoreのコンテンツ アイテムとして表されるため、管理が容易になります。

イベント・リスト・レンダリングを追加および構成するには、次のようにします。

  1. ツールボックスのEventsセクションで、レンダリングEvent Listをページにドラッグします。

  2. Select the Associated Contentダイアログボックスで、目的のコンテンツアイテムをクリックし、OK をクリックするか、Createをクリックして新しいイベントを作成します。

  3. イベントフィールドをクリックして、ページ上でイベントを直接編集します。

    Add events directly

コンテンツエディターでイベントを追加する

新しいイベントを追加するには:

  1. コンテンツ エディターで、/sitecore/content/<Tenant>/<Site>/Dataに移動します。

  2. Eventsを右クリックし、Insertをクリックして、Event Listをクリックします。

  3. 名前を入力してOKをクリックします。

  4. 新しいイベント・リストについて、以下の詳細を指定します。

    形容

    タイトル

    作成時に指定したイベント・リストの名前。

    イベントの種類

    ドロップダウンリストから使用可能なイベントタイプを選択します。イベント・タイプは、プレゼンテーション・ノードで定義されます。

    Googleカレンダー APIキー

    カレンダーフィードのキーを入力します。空のままにすると、カレンダーはイベント・リスト項目ノードの下で定義されたイベントからデータを取得します。

    Googleカレンダー ID

    Googleカレンダー アプリケーションで所有している、または登録しているカレンダーの一意の識別子を入力します。

  5. イベントを追加するには、作成したイベントを右クリックし、InsertをクリックしてCalendar Eventをクリックします。名前を入力してOKをクリックします。

コンテンツエディターでイベントタイプを追加する

SXAでは、カレンダー イベントに特定のスタイルを設定できます。

新しいイベントタイプを追加するには:

  1. コンテンツ エディターで、sitecore/content/<Tenant>/<Site>/Presentationに移動します。

  2. Event typesを右クリックし、Insertをクリックして、Event typeをクリックします。

  3. 名前を入力してOKをクリックします。

  4. 新しいイベントタイプについて、次の詳細を指定します。

    形容

    価値

    クラス名を入力します。

    許可されたレンダリング

    クラスを適用するコンポーネントを選択します。

この記事を改善するための提案がある場合は、 お知らせください!