ページ編集編 トップページやコンテンツページなどのデザインを変更する際に使用する、デザイン編集機能の使い方です。
home-line
マニュアルトップ » ページ編集編 » ブロック操作 - ブロックの配色を変更する

ブロックの配色を変更する

ブロックの配色について
配色の背景パターンは3種類あり、それぞれに20色用意されています。
配色はブロックごとに設定することができます。
カラムブロックでは、同様にカラムブロック内のブロック個別に配色を設定できますが、カラムブロック自体の配色を設定することもできます。
ブロックの配色を変更する
  1. デザイン編集ページを開きます。
    左側に、ページに追加されているブロックの一覧が表示されているので、配色を設定したいブロックをクリックします。
  2. 右側にブロックの設定メニューが表示されます。
    上部の[色]をクリックします。
  3. カラーパレットが表示されます。
    左上のセレクトボックスをクリックして、背景パターンを選択します。
  4. カラーパレットの適用したい色をクリックし、上の[保存]をクリックします。
    配色設定の保存ボタンと、ブロック設定の保存ボタンは異なります。
    ブロック設定の保存ボタンをクリックしても、配色の設定は保存されません。

  5. 配色が変更されました。
カラムブロックの配色を変更する
カラムブロックに配色設定を行うと、カラムブロック内のブロックの配色にも影響を与えることがあります。

配色設定を行っているブロック
設定した配色設定がそのまま適用されます。
配色設定を行っていないブロック
カラムブロックと同じ配色設定が適用されます。

  1. デザイン編集ページを開きます。
    左側に、ページに追加されているブロックの一覧が表示されているので、配色を設定したいカラムブロックをクリックします。
  2. カラムブロックの設定メニューが表示されます。
    [背景色]をクリックします。
  3. 配色の設定項目が表示されます。
    左上のセレクトボックスをクリックして、背景パターンを選択します。
  4. カラーパレットの適用したい色をクリックし、[保存]をクリックします。
関連記事