コンテナコンポーネント container-component

レイアウト - このオプションはコンテナコンポーネントの動作またはレイアウト動作を定義します。

• シンプル - コンテナをシンプルなコンポーネントコレクションとして定義します。
• レスポンシブグリッド - コンテナを AEM レスポンシブレイアウトとして定義します。

背景色 - 設定に応じて、自由形式の RGB 値として定義するか、カラーピッカーを使用して定義します。

背景画像 - 設定に応じて、コンテナの背景色を定義します。

ID - このオプションを使用すると、HTML 内およびデータレイヤー内のコンポーネントの一意の識別子を制御できます。

• 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
• ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
• ID を変更すると、CSS、JS、およびデータレイヤーのトラッキングに影響を与える可能性があります。

背景画像

• 背景画像を有効にする - コンテナの背景画像をコンテンツ作成者が定義できるようにします。

背景色

• 背景色を有効にする - コンテナの背景色をコンテンツ作成者が定義できるようにします。
• スウォッチのみ - コンテナの背景色に事前に定義されているカラースウォッチからのみコンテンツ作成者が選択できるようにします。
  • 「背景色を有効にする」を選択した場合にのみ使用可能です。

許可されるスウォッチ - コンテンツ作成者がコンテナの背景色を選択できるように事前定義済みカラーを定義します。

• 「追加」ボタンを使用して、事前定義済みのカラースウォッチを追加します。追加が完了すると、以下の列を含むエントリがリストに追加されます。
• 値 - RGB 値を使用して手動で色を定義します。
  • カラーピッカーをタップまたはクリックすると、個々の RGB 値を調整するか 16 進数値を定義して、色を選択しやすくなります。
• 削除 - タップまたはクリックすると、スウォッチを削除できます。
• 並べ替え - タップまたはクリックしてドラッグすると、スウォッチを並べ替えることができます。