レンダリング用のスタイルを追加する

SXAにはレンダリング用のプリセットスタイルが付属しています。ただし、時には自分だけのカスタムスタイルを追加したい場合もあります。例えば、サイトの一部の画像を余白なしで表示したい場合や、レンダリングに背景色を追加したい場合などです。

コンテンツエディタでレンダリング用のクラスアイテムを追加するには:

1. サイトの プレゼンテーション フォルダに行ってください。

2. 右クリック **で「スタイル」**をクリックし、「挿入」をクリックし **、**次に 「スタイル 」をクリックして新しいスタイルを追加してください。

3. 名前を入力してOKをクリックします。

   !注新しいスタイルには、他のユーザーが何をするのか分かりやすくなる名前をつけてください。

4. 新しいスタイルをレンダリング用にするには、スタイル セクションで 編集をクリックします。

   

5. 「 アイテム選択 」ダイアログで、該当するレンダリングをクリックし、右矢印 をクリックして選択したアイテムのリストに移動し、「 OK」をクリックします。この例では、グレーの背景はコンテナとスプリッターのレンダリング用に利用可能です。

   

6. 新しいスタイルを見るには、ページビルダーでコンポーネントを追加し、右側のペインで「 デザイン > スタイリング」をクリックします。