1. 複合 材料

カルーセルとフリップを追加

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

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

カルーセルとフリップは、タブ、アコーディオン、スニペットと同様に複合レンダリングです。コンポジット レンダリングを使用すると、他のレンダリングからより複雑なレンダリングを作成できます。

カルーセルレンダリングを追加する

カルーセルレンダリングでは、回転するスライドのセット(通常は画像)を説明とリンクとともに定義できます。カルーセルはホームページの上部でよく使用されますが、どのページにも配置できます。たとえば、カルーセルを使用して、多数の注目ページを表示したり、ステップバイステップのプロセスを説明したり、商品画像を表示したりできます。カルーセル内のアイテムは、定義された順序で一度に1つずつ表示されます。デフォルトでは、カルーセルレンダリングにはスライド画像とスライドテキストアイテムが含まれます。

Carousel example

カルーセルの外観は、スライドのレイアウト、ナビゲーションタイプ、スライドトランジション効果などを定義することで決定できます。

各スライドを編集し、要素 (テキスト、リンク、画像、ビデオなど) を追加または削除してカスタマイズできます。テキストと画像を変更するには、フローティング ツールバーのオプションをクリックします。

Use the floating toolbar to edit the carousel

カルーセルレンダリングを追加するには:

  1. カルーセルレンダリングをページにドラッグアンドドロップします。

  2. Select the Associated Contentダイアログボックスで、次の操作を行います。

    • 既存のコンテンツアイテムを選択するには、「 Select Existing Content」をクリックし、目的のコンテンツアイテムをクリックしてから、「 OK」をクリックします。

      たとえば、すでにホームページセクションの準備ができている場合、カルーセルにはホームページの項目が自動的に入力されます。

      Use existing content to fill the carousel
    • カルーセル用の新しいコンテンツアイテムを作成し、カルーセルスライドをページに直接追加するには、「 Create New Content 」をクリックして「 OK, 」をクリックし、プラスボタンをクリックします。

フリップレンダリングを追加する

フリップレンダリングでは、前面(表示)と背面(非表示)の2つのアイテムを操作できます。これら2つのアイテムは、アイテムをクリックするか、アイテムにカーソルを合わせると、交互に表示されます。たとえば、スタッフ メンバーの写真やプロフィール情報、クーポンや引き換えコードにフリップ レンダリングを使用できます。

フリップ レンダリングを追加するには:

  1. フリップレンダリングをページにドラッグアンドドロップします。

  2. Select the Associated Contentダイアログボックスで、次の操作を行います。

    • 既存のコンテンツアイテムを選択するには、「 Select Existing Content」をクリックし、目的のコンテンツアイテムをクリックして、「 OK」をクリックします。

      フリップレンダリングは、コンテンツアイテムのデータで自動的に埋められます。

    • 新しいコンテンツを追加するには、Create.

  3. Control PropertiesダイアログボックスのStylingセクションでは、Transition on hoverTransition - Rotate verticallyなどのさまざまなトランジションモードを選択できます。

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