1. コンポーネント

レンダリングのコピーとカスタマイズ

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

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

SXAでは、クローン スクリプトを使用してSXAレンダリングのコピーをすばやく作成できます。クローン レンダリングでは、レンダリング定義アイテム、レンダリング パラメータ テンプレート、データ ソース テンプレート、およびブランチの正確なコピーが作成されます。既存のレンダリングをコピーし、名前とスタイルを異なる方法で変更します。これは、たとえば、すべて異なるスタイルで多くのプロモーションレンダリングが必要な場合に便利です。

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

新しいモジュールを追加する

新しいモジュールを追加するには:

  1. /sitecore/system/Settingsに移動し、FeaturesまたはFoundationを右クリックして、新しいフォルダを挿入します。

  2. 新しいフォルダを右クリックし、Insertをクリックして、Moduleをクリックします。

  3. 名前を入力し、モジュールを新しいフォルダの下にグループ化します。

レンダリングのコピーとカスタマイズ

レンダリングをコピーしてカスタマイズするには:

  1. 使用するレンダリングをクローンするには、/sitecore/Layout/Renderings/ に移動し、クローンを作成するレンダリングを右クリックします。

  2. 「 Scripts」をクリックし、「 Clone Rendering」をクリックします。

  3. Create derivative renderingダイアログボックスで、次のフィールドに入力します。

Tab

Field

Description

General

新しいレンダリング名

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

モジュールに追加

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

レンダリングCSSクラス

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

Parameters

レンダリングパラメータ

レンダリングパラメータのコピーモードを選択します。

  • 既存のレンダリングパラメータから継承 - 新しいアイテムを作成し、ソースレンダリングパラメータテンプレートを指すように __Base templateを設定します。

  • 元のレンダリングパラメータのコピーを作成 - ソースレンダリングパラメータのコピーを新しい場所に作成します。これにより、パラメータを拡張、削除、および/または並べ替えることができます。

Datasource

データソース

データ ソースのコピー モードを選択します。

  • 既存のデータソースから継承 – 新しいアイテムを作成し、その __Base templateをソースデータソーステンプレートを指すように設定します。このオプションは、レンダリングのスタイルのみを変更する場合に選択します。

  • 元のデータソースのコピーを作成– 新しい場所にソース データ ソース テンプレートのコピーを作成します。このオプションは、標準データ・アイテムを追加のフィールドで拡張する場合に選択します。たとえば、画像フィールドを背景として使用する場合などです。

View

眺める

ビューのコピー モードを選択します。

  • 元のMVCビュー ファイルを使用する – 事前入力されたPath to the rendering viewフィールドのビューを使用します。 Viewフィールドが指定されていない場合、StandardControllerはアイテム名のレンダリングに基づいてビューの解決を試みます。このオプションは、スタイルのみを変更する場合に選択します。

  • MVCビューファイルをコピー(以下のパスを指定) –ソースビューをPath to rendering viewフィールドで指定された場所にコピーします。このオプションは、既存のマークアップを拡張または変更する場合に選択します。

  • 既存のMVCビューファイルを選択します(以下のパスを指定) – Path to rendering viewフィールドで指定されたビューを使用しますが、コピーは作成しません。

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

ビューの場所を入力します。例えば：

Path to the rendering view example.

これで、レンダリングをサイトのツールボックスに表示するように追加できます。

ツールボックスにレンダリングを追加する

レンダリングをツールボックスに追加するには:

  1. サイトのPresentationフォルダに移動し、Available Renderingsを右クリックします。

  2. 「 Insert 」をクリックし、「 Available Renderings」をクリックします。

  3. 追加するレンダリングのセクション名を入力し、「 OK」をクリックします。

  4. 作成した新しいセクションをクリックし、DataセクションでEditをクリックします。

  5. Select Itemダイアログ ボックスのRenderingsフォルダで、関連するレンダリングをクリックし、右矢印をクリックして選択した項目のリストに移動します。OKをクリックします。

    Select Item dialog box

    これで、新しいレンダリングをエクスペリエンス エディターで使用できるようになりました。

    Special Promo component now available in EE.
この記事を改善するための提案がある場合は、 お知らせください!