選択色の機能
選択色とは、子ボックスを含むボックスを選択した時にボックス内で使用されている色を一覧で確認できる機能です。この機能では、次のことができます。
選択した要素に使用されている色の一覧確認
同じ色が設定されている箇所の一括変更
カラーパレットに登録されていない色の特定
この機能を活用することでサイト内で一貫した色の適用が効率的に行えます。
注意：
子ボックスを含まない単体のボックスに対してはこの機能はご利用いただけません。
グラデーションカラーは全て「LINEAR」と表示されます。
枠線には、グラデーションカラーの適用はできません。
選択色の確認方法
子ボックスを含むボックスを選択します。
ページ全体を選択する場合は、レイヤーパネルの最上部レイヤー <Base> を選択します。画面上部のスタイルバーの[ボックス]を開きます。
[選択色]にカーソルを合わせます。
使用されている色の一覧が表示されます
カラーパレットに登録済みの色は青色で表示されます
一覧の色にカーソルを合わせると、その色が使用されている箇所がハイライト表示されます。
注意：次の場合の色は、一覧に表示されませんのでご注意ください。
レスポンシブ設定時に変更した色
*ブレイクポイントを切り替えると一覧に表示されます。シャドウに設定されている色
CMSカラープロパティで指定した色
フォームのホルダー色
条件付きスタイルで変更した色
*条件付きスタイル内で指定されている色は、条件付きスタイルをオンにした状態でのみ一覧に表示されます。
カラーパレットへの登録方法
ボックスを選択します。
画面上部のスタイルバーの[ボックス]を開きます。
[選択色]にカーソルを合わせるとリストが表示されます。
特定のカラーをクリックして表示されるカラーパレットの[+]をクリックして登録します。登録が完了すると、一覧表示で青色になります。
カラーの一括変更方法
選択した箇所で使用されている色を一括で変更することができます。
ボックスを選択します。
画面上部のスタイルバーの[ボックス]を開きます。
[選択色]にカーソルを合わせるとリストが表示されます。
特定のカラーをクリックして表示されるカラーパレットで色を変更します。これで一括変更が完了します。
よくある質問
Q. プロジェクト全体で使用されている色の一括確認と変更はできませんか？
Q. プロジェクト全体で使用されている色の一括確認と変更はできませんか？
A. プロジェクト全体の一括確認・変更はできません。ページごとに確認・変更を行ってください。ページ単位で確認する場合は、レイヤーパネルの最上部レイヤー <Base> を選択します。
