カルーセルを加えてひっくり返す

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

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

CarouselやFlipは、Tabs、Accordion、Snippetと同様にコンポジットレンダリングです。コンポジットレンダリングは、他のレンダリングからより複雑なレンダリングを合成することを可能にします。

カルーセルレンダリングを追加してください

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

Carousel example

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

各スライドを編集し、テキスト、リンク、画像、動画などの要素を追加・削除することでカスタマイズできます。フローティングツールバーのオプションをクリックすると、テキストや画像を修正できます。

Use the floating toolbar to edit the carousel

キャリーセルレンダリングを追加すると:

  1. カルーセルのレンダリングをページにドラッグ&ドロップします。
  2. 「関連コンテンツ選択」ダイアログボックスで:
    • 既存のコンテンツ項目を選択するには、「 既存コンテンツ選択」をクリックし、希望するコンテンツをクリックしてから **「OK」**をクリックしてください。

      例えば、すでにホームページのセクションが準備されている場合、カルーセルは自動的にホームページ内のアイテムで満たされます:

      Use existing content to fill the carousel
    • カルーセル用の新しいコンテンツ項目を作成し、ページ上に直接カルーセルスライドを追加するには、「 新しいコンテンツを作成 」をクリックし、「 **OK」をクリックし、**プラスボタンをクリックしてください:

Flipレンダリングを追加してください

Flipレンダリングでは、前面(見える)と背面(隠れ)の2つのアイテムを扱うことができます。この2つのアイテムは、アイテムをクリックしたりカーソルを合わせたりすると交互に表示されます。例えば、スタッフの写真やプロフィール情報、クーポンやリディームコードの表示にはフリップレンダリングが使えます。

Flipレンダリングを追加すると:

  1. Flipレンダリングをページにドラッグ&ドロップします。
  2. 「関連コンテンツ選択」ダイアログボックスで:
    • 既存のコンテンツ項目を選択するには、「 既存コンテンツ選択」をクリックし、希望するコンテンツをクリックして「 **OK」**をクリックしてください。

      フリップレンダリングは自動的にコンテンツ項目内のデータで埋められます:

    • 新しいコンテンツを追加するには 、「作成」をクリックしてください。

  3. コントロールプロパティのダイアログボックスのスタイリングセクションでは、ホバー時のトランジションや垂直方向のトランジション・ローテーションなど、さまざまなトランジションモードを選択できます。
この記事を改善するための提案がある場合は、 お知らせください!