コンポーネントウィザードを使ってカスタムレンダリングを作成します
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXAでは、クローンスクリプトを使ってSXAレンダリングのコピーを素早く作成できます。例えば、異なるスタイルで多くのプロモレンダリングをしたい場合など、これは便利です。既存のレンダリングと似ていないカスタムレンダリングを作成したい場合は、コンポーネントウィザードを使うこともできます。
標準のSXAツールボックスセクションはSXAのアップデートで上書きされるため、派生レンダリング用のツールボックスセクションを別に作成することをお勧めします。これはSXAに 新しいモジュールを追加 することで可能です。
!注Sitecore XPインスタンスをコンテナで実行する場合は、以下の方法は使わないでください。代わりに、ローカル開発環境でSXAモジュールとコンテナを作成し、カスタムイメージとしてコンテナにデプロイしてください。
コンポーネントウィザードを使ってカスタムレンダリングを作成するには:
-
コンテンツエディターでsitecore/Layout/Renderings/Feature/ に移動し、カスタムレンダリング用のフォルダを作成します。これにより、SXA更新時にレンダリングが上書きされないようにします。
-
作成したフォルダを右クリックし、「 挿入」をクリックし、「 コンポーネント」をクリックします。
-
ウィザードで以下のフィールドを入力してください:
タブ
フィールド
概要
一般
コンポーネント名
新しいレンダリングの名前を入力してください。
加算
新しいレンダリングが属するモジュールを選択します。
レンダリングCSSクラス
レンダリングのためにCSSクラスを導入します。
レンダリングビューへのパス
デフォルトでは、SXAのビュー名はレンダリング定義アイテム名として解決されます。カスタムパスを提供するには、ビューの位置をここに入力してください。
データソース
データソース
データソースの出所を特定するには、以下のいずれかを選択してください:
- 現在のページを使う - データソースの項目は現在のページからデータを読み取る。
- ユーザーにデータソースを求める - コンテンツ編集者がデータソースを選べるように。
- ページ下に自動的にデータソースを作成する - 特定のページの下にデータソースを相対的なデータソース項目として保存します。
レンダリングテンプレート
テンプレートを選択してください。
ベースレンダリングパラメータテンプレート
ベーステンプレートを選択します。デフォルトでは Standard Rendering Parameters テンプレートが選択されます。
ベースデータソーステンプレート
ユーザーが作成できるデータソースの種類を指定するために、データソーステンプレートを選択してください。
公開グルーピングテンプレート
子を持つ複雑なデータソース構造(例えば Carousel、 Tabs、 Link List、 Gallery)の公開に役立ちます。 Publishing Service が有効である場合にのみ使用可能です。
追加の互換性テンプレート
データソースのために複数のテンプレートを選択できます。例えば、プロモーションレンダリングではプロモーションテンプレートだけでなく、テキストや画像など他のデータソースも利用できます。
行動
データソースとしてページを選択する
ページをデータソースとして使えます。コンポーネントが現在のページからコンテンツを取得したい場合は、このオプションを選択してください。
背景画像
コンポーネントの 背景画像を追加 できます。データソースのテンプレートにベーステンプレートが追加され、その中にはエディターが背景として使う画像を選べるフィールドが含まれています。
データソースの挙動を選択する
ユーザーが データソースの動作を設定できるかどうかを判断します。
コンポーネントバリアント
レンダリングにバリエーションがあるかどうかを判定します。
動的プレースホルダー
レンダリングのための 動的なプレースホルダー を可能にします。