サイトの部分ごとに色を変える

メインのカラーとは別に配色を追加し、各ページのどのセクションに使うかを選ぶ。

チームのオーナーと管理者向け · 6ステップ

事前に必要なもの

チームにサイトのサブスクリプションがあり、テンプレートを選んである — テンプレートと見た目を選ぶを参照。
チームのオーナーまたは管理者である。

手順

ステップ1: デザインを開く
左のメニューでテンプレートを押し、右上のデザインを押す。
確認：デザインのフォームと、その横にサイトのライブプレビューが表示される。
ステップ2: 配色を追加する
配色の下でライト配色を追加を押す。上で設定したカラーがメイン。配色はあと3つまで追加できる。ボタンは最初にライト配色、次にアクセントバンド、その次にメインのコピーを追加する。
確認：新しい配色が表示され、名前、5つのカラー、専用のテキストと背景面があり、それぞれにメインと同じ読みやすさの数値が出る。ライト配色を作るとすぐに、ストア・商品・カートのページはライト配色になる — それ以外の部分は、別の配色を選ぶまでメインのまま。
ステップ3: 配色のカラーを設定する
配色の名前を入力し、メインと同じ方法でカラーを変更する。文字が乗るカラーには7.2:1 · 読みやすいのような数値が表示される。最低基準を下回ると、訪問者に実際に見える色合いが表示され、読みやすくするが出る。
確認：下の各セクションのメニューに配色の名前が表示される。
ステップ4: セクションに配色を選ぶ
セクションの下で、変えたいサイトの部分を探す — ページごとに、全ページ（ナビゲーションとフッター）からホーム、ストアなどの順に並んでいる — そのメニューで配色を選ぶ。デフォルトはメインに従い、ストア・商品・カートではライト配色に従う。ライブプレビューの部分をクリックして、その行を探すこともできる。
確認：ライブプレビューがそのページに切り替わり、その部分が枠で囲まれ、選んだ配色で表示される。
ステップ5: 保存する
フォームの下にある保存を押す。
確認：「デザインを保存しました」と表示される。訪問者にはまだ見えない。保存した変更は公開するまで下書きに残る。
ステップ6: サイトを公開する
左のメニューで公開を押して公開する — サイトを公開するを参照。
確認：変更一覧にデザインがあり、公開後は各セクションが選んだ配色で表示される。