設定画面 [ 外観 ] > [ カスタマイズ ] > [ 色 ]

サイト共通の色やトップページの色、 全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。

customizer2

サイト共通

サイト全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。

customizer2-e-1
項目名 設定内容
背景色 初期色:#ffffff
文字色 初期色:#424242
罫線 初期色:#424242
キャプション色 初期色:#a5a5a5
テーブル見出し背景 初期色:#a5a5a5
テーブル見出し文字色 初期色:#424242

メインカラー

トップページに反映されるメインカラーを設定します。

customizer2-c-1
項目名 設定内容
背景色 初期色:#fbfbfb
文字色 初期色:#424242
罫線 初期色:#e7e7e7

アクセントカラー

サイト全体に反映されるアクセントカラーを設定します。
カートアイコンの数量部分や、カートフローの部分などに反映されます。

customizer2-d-1
項目名 設定内容
背景色 初期色:#899f6f
文字色 初期色:#ffffff

ヘッダー スクロール前

スクロール前のヘッダーの背景色と文字色を設定します。
トップページでヘッダー画像が登録され、ヘッダーメニューを「常に表示」に設定している場合のみ反映されます。

customizer2-f-1
項目名 設定内容
背景色 初期色:rgba(255,255,255,0)(透過)
文字色 初期色:#ffffff

ヘッダー スクロール後

スクロール後のヘッダーの背景色と文字色を設定します。

customizer2-g-1
項目名 設定内容
背景色 初期色:#efefef
文字色 初期色:#424242

メインボタン

メンバーページログインボタンや新規入会ボタンなどの背景色・文字色を設定します。

customizer2-h-1
項目名 設定内容
背景色 初期色:#6c6c6c
文字色 初期色:#ffffff

サブボタン1

トップページ「一覧を見る」ボタンなどの背景色・文字色を設定します。

customizer2-i-1
項目名 設定内容
背景色 初期色:#ffffff
文字色 初期色:#424242

サブボタン2

カートページのバックボタンなどの背景色・文字色を設定します。

customizer2-j-1
項目名 設定内容
背景色 初期色:#f1f1f1
文字色 初期色:#424242

カートボタン

カートボタンの背景色・文字色を設定します。

customizer2-k-1
項目名 設定内容
背景色 初期色:#899f6f
文字色 初期色:#ffffff

ボタン ホバー

ボタンをマウスオーバーした時の背景色・文字色を設定します。

customizer2-l-1
項目名 設定内容
背景色 初期色:#424242
文字色 初期色:#ffffff