色

サイト全体のカラーやテキスト、テキストリンク、ボタンなどの色を設定します。

背景画像から色を抽出

外観 > カスタマイズ > 背景画像 で設定した画像から色の設定をします。
設定した画像から「明るい色」「暗い色」を選択し、設定します。

設定の項目が表示されない場合、背景画像が設定されていない可能性があります。
まずは 外観 > カスタマイズ > 背景画像 で画像を設定してください。また、背景画像の設定をしても表示されない場合は、一旦「公開」や「下書き保存」をクリックしてからページを再読み込みしてください。

背景画像の設定 

以下、反映される箇所です。

トップスライダー（ヘッダー）部	サイトタイトル・スクロール・サイト説明文・ハンバーガーボタン ※サイトタイトルはテキストで表示されている場合のみ
トップウィジェット部（1段目）	タイトル色（テキスト及び背景色）・記事タイトル・ボタン背景色 トップページウィジェット（2段目）を設定した場合も同じように反映されます。
下層ページコンテンツ部（定形部分のみ）	タイトル背景色・サブタイトル・ボタン
下層ページサイドバー部	タイトル色・記事タイトル・ボタン
ハンバーガーメニュー内	背景色
フッターウィジェット	メインタイトル・サブタイトル・ボタン
フッター部	背景色

全てのページ

サイト全体の文字色・背景色の設定をします。
背景色不透明度コントローラーで色の調整ができます。

カスタマイザーでの設定	表示

ヘッダー

主にヘッダーの色を変更します。
テーマ専用ウィジェットの背景色の選択もトップページで行います。

カスタマイザーでの設定	表示

Assertive ウィジェット

テーマ専用ウィジェットの背景色を決めます。
ホワイトとブラックの2つから選択します。

カスタマイザーでの設定	表示

トップページ1段目ウィジェット

外観 > ウィジェット で設定した「トップページウィジェット1段目」の設定をします。

まだ「トップページウィジェット1段目」を登録していなければ、先に登録をしてください。

カスタマイザーでの設定	表示

トップページ2段目ウィジェット

外観 > ウィジェット で設定した「トップページウィジェット2段目」の設定をします。

まだ「トップページウィジェット2段目」を登録していなければ、先に登録をしてください。

サブページ

タイトルブロック

サブページ（下層ページ）タイトルブロックの色の設定をします。
ページタイトルの背景色・文字色を設定します。

カスタマイザーでの設定	表示

コンテンツブロック

サブページ（下層ページ）コンテンツブロックの色の設定をします。
コンテンツ内にあるサブタイトル・ボタンの背景色/文字色を設定します。

カスタマイザーでの設定	表示

サイドバー

サブページ（下層ページ）サイドバーの色の設定をします。

カスタマイザーでの設定	表示

ヘッダーメニュー内

トグルナビゲーション内の色の設定をします。

まだ、メニューの設定をされていなければ、先にメニューの設定を行ってください。

カスタマイザーでの設定	表示

フッターウィジェット

全ページ共通のフッターウィジェットエリアの色の設定をします。

カスタマイザーでの設定	表示

コンタクトブロック

コンタクトブロックエリアの色の設定をします。

カスタマイザーでの設定	表示

フッター

フッターエリアの色の設定をします。

カスタマイザーでの設定	表示

Welcart

価格

価格の色を設定することができます。

カスタマイザーでの設定	表示

売り切れ

売り切れの色を設定することができます。

カスタマイザーでの設定	表示

カートボタン

カートボタンのテキスト・背景色を設定しますことができます。

カスタマイザーでの設定	表示

商品タグ

商品タグの色を設定することができます。

カスタマイザーでの設定	表示

カレンダー発送業務休日

カレンダーに登録した休日の色を設定することができます。

カスタマイザーでの設定	表示