1. Components

Componentウィザードを使ってカスタムコンポーネントを作成してください

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

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

SitecoreAIを使えば、クローンスクリプトを使って素早くコンポーネントのコピーを作成できます。例えば、異なるスタイルのプロモーション部品を多数用意したい場合など、これは便利です。既存のレンダリングと似ていないカスタムコンポーネントを作りたい場合は、Componentウィザードを使うこともできます。

Componentウィザードを使ってカスタムレンダリングを作成するには:

  1. Content Editorでsitecore/Layout/Renderings/Feature/ に移動し、カスタムコンポーネント用のフォルダを作成します。これにより、SXAのアップデート中にレンダリングが上書きされないようにします。

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

  3. ウィザードで以下の項目を入力してください:

    タブ

    フィールド

    概要

    全般

    Component name

    新しいレンダリングの名前を入力してください。

    加算

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

    CSSクラスのレンダリング

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

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

    デフォルトでは、ビュー名はコンポーネント定義項目名として解決されます。カスタムパスを提供するには、ここにビューの位置を入力してください。

    データソース

    データソース

    データソースの出所を特定するには、以下のいずれかを選択してください:

    • Use current page - データソース項目は現在のページからデータを読み取る。

    • Ask user for data source - コンテンツエディターにデータソースを選択させる。

    • Automatically create data source under page - 特定のページの下に、データソースをページ相対的なデータソース項目として保存する。

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

    テンプレートを選択してください。

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

    ベーステンプレートを選択してください。デフォルトではStandard Rendering Parametersテンプレートが選択されます。

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

    ユーザーが作成できるデータソースの種類を指定するために、データソーステンプレートを選択してください。

    公開グルーピングテンプレート

    子データソースを持つ複雑なデータソース構造(例えばCarouselTabsLink ListGalleryなど)を公開するのに役立ちます。 Publishing Serviceを有効にしている場合にのみ使用可能です。

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

    データソース用の複数のテンプレートを選択できます。例えば、PromoレンダリングではPromoテンプレートだけでなく、TextやImageなど他のデータソースも使うことができます。

    行動

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

    ページをデータソースとして使えます。コンポーネントが現在のページからコンテンツを取得したい場合は、このオプションを選択してください。

    背景画像

    コンポーネントの 背景画像を追加 できます。データソースのテンプレートにベーステンプレートが追加され、その中には編集者が背景に使う画像を選べるフィールドが含まれています。

    データソースの挙動を選択する

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

    Componentバリアント

    レンダリングにバリエーションがあるかどうかを判定します。

    動的プレースホルダー

    レンダリングのための動的なプレースホルダーを可能にします。

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