コンポーネントをコピーしてカスタマイズする
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SitecoreAIを使えば、クローンスクリプトを使って素早くコンポーネントのコピーを作成できます。クローンされたコンポーネントでは、コンポーネント定義項目、レンダリングパラメータテンプレート、データソーステンプレート、ブランチの正確なコピーが存在します。既存のコンポーネントをコピーし、名前やスタイルを変えます。例えば、異なるスタイルのプロモーション部品を多数用意したい場合など、これは便利です。
コンポーネントをコピーする前に、派分コンポーネント用の 新しいモジュールを追加する ことをお勧めします。これはSXAのアップデートが新しいコンポーネントを上書きしないようにするためです。
新しいモジュールの追加
新しいモジュールを追加するには:
-
/sitecore/system/Settingsに移動し、右クリックでFeaturesまたはFoundationを押し、新しいフォルダを挿入します。
-
右クリックでFeaturesまたはFoundationを選んでからInsert > Headless Moduleをクリックします。
-
ダイアログボックスで名前を入力し、Add to module groupリストから作成したフォルダを選択します。
-
クリックProceed。モジュールが作成されます。
コンポーネントをコピーしてカスタマイズする
レンダリングをコピーしてカスタマイズするには:
-
使いたいコンポーネントをクローンするには、/sitecore/Layout/Renderings/ に移動してクローンしたいコンポーネントを右クリックしてください。
-
Scriptsをクリックして、Clone Renderingをクリックします。
-
Create derivative renderingダイアログボックスで以下のフィールドを埋めてください:
|
Tab |
Field |
Description |
|---|---|---|
|
General |
新しい名称 |
新しいコンポーネントの名前を入力してください。 |
|
加算 |
新しいコンポーネントが属するモジュールを選択します。 | |
|
CSSクラスのレンダリング |
コンポーネントのCSSクラスを入力してください。 | |
|
Parameters |
レンダリングパラメータ |
レンダリングパラメータの選択 コピーモード:
|
|
Datasource |
データソース |
データソースコピーモードを選択してください:
|
コンポーネントのコピーを作成した後、Pagesでコンポーネントを公開し、コンテンツ作成者がウェブページに追加できるようにします。