Dressカラーの編集

Dressカラーの設定を行うことで、複数箇所で共通のカラーを設定したり、指定されたカラーを連動して一括変更することができます。
こちらでは、Dressカラーの編集方法を解説いたします。

DressからDressカラーを設定

Dressの基本設定[１]のDressカラー[２]を選択すると、メインカラーとサブカラーの設定画面が表示されます。

メインカラーの設定

Dressカラーを指定した後に、大元のDressカラー設定を削除すると、代替カラー（#ffffff）で表示されます。改めてDressカラーを設定するか、Dressカラー以外の色を指定し直してください。

表示されたカラーパレット[１]をクリック、またはカラーコード[２]を入力することで、メインカラーを変更できます。

サブカラーの設定

メインカラーとは別に、サブカラーを5色まで指定可能です。

カラーパレットから選択
用意されたカラーパレット[1]から選択しチェックを入れることで、サブカラーを変更できます。

自由に設定
各サブカラーのボタン[１]を有効化し、カラーパレット[２]をクリック、またはカラーコード[３]を入力することで、サブカラーを5色まで自由に設定できます。

Dress以外の項目からDressカラーを設定

ページデザインで使う

Dressカラーを設定できるのはページDressのみとなります。ブロックDressは共通のページDressに設定されたDressカラーを参照します。

サイトエディタのプロパティ設定内のページデザイン[１]より、背景色[２]Dressカラーで指定することが可能です。
Dress内で設定したDressカラー[３]が表示されます。

文字色やマーカーに使う
ブロックエディタの編集で、文字を範囲指定[１]して、文字色アイコン[２]から文字色やマーカーの色を指定することが可能です。
Dress内で設定したDressカラー[３]が表示されます。

リンクボタンに使う
リンクパーツ[１]設定のデザイン[２]より、各箇所[３]の色を指定することが可能です。
Dress内で設定したDressカラーが表示されます。

Dressカラーで色を指定した場合、Dress画面よりDressカラーの内容を変更すると、連動してDress以外の項目で設定されたDressカラーも変更されます。