レンダリングバリアントのカスタマイズ
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
レンダリングバリアントは、同じレンダリングを異なる方法で使うことができます。各レンダリングバリアントごとに、HTMLを特定の方法で表示するように構造化やスタイルを付けることができ、バリアントごとに異なるコンテンツを公開できます。以下の例は、レンダリングバリアントを使って画像の位置を左から右に変えたり、完全に削除したりする方法を示しています。
すべてのSXAおよびCommerceレンダリングは、標準的なRazorビューとコードの背後方式を採用しています。さらに、一部のレンダリングは以下のいずれかの方法で実装されたレンダリングバリアントも使用しています。
!ヒントSXAレンダリングのバリエーションに関する短い 動画 はYouTubeで見ることができ、Discover SitecoreチャンネルではScribanテンプレートに関する 動画 も見つかります。
レンダリングバリアント - Scriban
スクリバンテンプレートは 、標準的なSXAフィールドレンダラー よりもレンダリングマークアップや機能に対して柔軟性があり、レンダリングバリアントのカスタマイズも容易になります。スクリバンテンプレートはSXAストアフロントレンダリングバリアントに保存され、コンテンツエディター(/sitecore/Content/Sitecore/Storefront/Presentation/Rendering Variants)で利用可能です。
レンダリングバリアント - フィールドレンダラー
一部のレンダリングには、フィールドレンダラーに基づく商業特有の レンダリングバリアン ト(例えば、ページコンテンツレンダリングやプロダクト情報レンダリングバリアント)があり、以下のようなものがあります。
- Sitecoreアイテムと同じ型でSitecoreアイテムの値を読み取るバリアントフィールドです。
- バリアントセクションはHTML要素を作成するラッパーです。
- テキスト定数に使われるバリアントテキストフィールド。
- 日付形式を定義できるバリアント日付フィールド。
- 他のコンポーネントをレンダリングバリアントに埋め込むためのプレースホルダーを作成するバリアントプレースホルダー。