1. コンポーネント

コンポーネント ウィザードを使用してカスタム レンダリングを作成する

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

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

SXAでは、クローン スクリプトを使用してSXAレンダリングのコピーをすばやく作成できます。これは、たとえば、すべて異なるスタイルで多くのプロモーションレンダリングが必要な場合に便利です。既存のレンダリングと異なるカスタムレンダリングを作成する場合は、コンポーネントウィザードを使用することもできます。

標準のSXAツールボックス セクションはSXAの更新で上書きされるため、派生レンダリング用に別のツールボックス セクションを作成することをお勧めします。これを行うには 、新しいモジュールをSXAに追加します。

メモ

Sitecore XPインスタンスをコンテナで実行している場合は、以下の方法を使用しないでください。代わりに、ローカル開発環境でSXAモジュールとコンテナを作成し、カスタム イメージとしてコンテナにデプロイします

コンポーネントウィザードを使用してカスタムレンダリングを作成するには:

  1. コンテンツ エディタでsitecore/Layout/Renderings/Feature/に移動し、カスタム レンダリング用のフォルダを作成します。これにより、SXAの更新中にレンダリングが上書きされなくなります。

  2. 作成したフォルダを右クリックし、Insertをクリックして、Componentをクリックします。

  3. ウィザードで、次のフィールドに入力します。

    タブ

    形容

    全般

    コンポーネント名

    新しいレンダリングの名前を入力します。

    モジュールに追加

    新しいレンダリングが属するモジュールを選択します。

    レンダリングCSSクラス

    レンダリングのCSSクラスを入力します。

    レンダリング ビューへのパス

    デフォルトでは、SXAのビュー名はレンダリング定義アイテム名として解決されます。カスタムパスを指定するには、ここにビューの場所を入力します。

    データソース

    データソース

    次のいずれかのオプションを選択して、データソースの起点を決定します。

    • Use current page - データソースアイテムは、現在のページからデータを読み込みます。

    • Ask user for data source - コンテンツエディターがデータソースを選択できるようにします。

    • Automatically create data source under page - データソースを、特定のページの下にページ相対データソースアイテムとして保存します。

    レンダリング テンプレート

    テンプレートを選択します。

    ベース レンダリング パラメーター テンプレート

    基本テンプレートを選択します。デフォルトでは、Standard Rendering Parametersテンプレートが選択されています。

    ベース データ ソース テンプレート

    データ ソース テンプレートを選択して、ユーザーが作成できるデータ ソースのタイプを指定します。

    グループ化テンプレートの発行

    子を持つ複雑なデータソース構造 ( CarouselTabsLink ListGalleryなど) のパブリッシュに役立ちます。 Publishing Serviceが有効になっている場合にのみ使用できます。

    Horizonデータソースのグループ化

    Horizonエディターの右側のパネルでデータ ソースの子を編集できます。

    互換性のある追加のテンプレート

    データソースに複数のテンプレートを選択できます。たとえば、プロモーション レンダリングでは、プロモーション テンプレートだけでなく、テキストやイメージなどの他のデータ ソースも使用できます。

    動作

    データソースとしてページを選択

    ページをデータソースとして使用できます。コンポーネントが現在のページからコンテンツを取得するようにするには、このオプションを選択します。

    背景画像

    コンポーネント の背景イメージを追加できます 。データソーステンプレートに、編集者が背景として使用する画像を選択できるフィールドを含む基本テンプレートが追加されます。

    データ ソースの動作の選択

    ユーザーが データ ソースの動作を設定できるかどうかを決定します。

    コンポーネントバリアント

    レンダリングにバリアントを含めることができるかどうかを決定します。

    動的プレースホルダー

    レンダリングの 動的プレースホルダ を有効にします。

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