開店ガイド
運用サポート(平日10:00~17:00) 06-6485-6485

部分的にカラーを調整しよう

このパートでは、プリセットカラーを元に、「ボタン」や「文字」など、部分的なカラー調整を行う方法をご紹介します。

例として、「ボタン」の「色・枠線・角丸」を変更してみましょう。

変更したい[カラーセット設定]画面を開く

  1. commerce creator>テーマの[カラー・サイズ]をクリックし、変更したいカラーセットのをクリックします。

    カラー変更ボタン

ボタンのカラーを調整する

  1. [カラー・サイズ変更]画面にて、ボタンの色を変更してみましょう。
    例として、[主要なボタン]の[ボタン色][ボーダー色]、さらに[角丸]指定などを下図のように変更します。
    ※今回は[文字色]を触っていませんが、本項目で変更すると文字色も変更されます。

    主要ボタンカラー変更
  2. [保存する]をクリックします。

プレビューで確認する

ボタン色が変更されています。

ボタンカラー変更前
ボタンカラー変更前
ボタンカラー変更後
ボタンカラー変更後

関連マニュアル

以上でプリセットカラー設定を利用した、ショップカラーの調整が完了しました。

次は、[ボタン]メニューの使い方を見ていきます。