レンダリングのスタイルを追加する
概要
スタイル クラス アイテムを追加し、レンダリングで使用できるようにする方法。
SXA には、レンダリング用に事前設定されたスタイルがあります。ただし、独自のカスタム スタイルを追加したい場合もあります。たとえば、サイト上の一部の画像を余白なしで表示したい場合や、レンダリングに背景色を追加したい場合などです。
コンテンツ エディターでレンダリング用のクラス アイテムを追加するには:
サイトの Presentation フォルダーに移動します。
[Styles] を右クリックして [挿入] をクリックし、[スタイル] をクリックして新しいスタイルを追加します。
名前を入力して、[OK] をクリックします。
注記
新しいスタイルには、他のユーザーがその機能を理解しやすい名前を付けてください。
新しいスタイルをレンダリングで使用できるようにするには、[スタイル] セクションで [編集] をクリックします。
[アイテムを選択] ダイアログで、関連するレンダリングをクリックし、右矢印
をクリックして選択済みアイテムのリストに移動し、[OK] をクリックします。この例では、コンテナとスプリッターのレンダリングで灰色の背景を使用できます。
新しいスタイルを確認するには、エクスペリエンス エディターでスタイル編集アイコンをクリックします。
[スタイル] セクションで、新しいスタイルを選択できるようになりました。
[OK] をクリックして新しいスタイルをレンダリングに適用します。