配色設定は、サイトの各パーツごとに配色を指定する機能群です。サイトのベースとなる色や、ヘッダーエリア、ページ本文、サイドバー、フッターエリアの色を設定できます。
配色の設定
WordPress管理画面にログイン後、メニュー名「外観」＞「カスタマイズ」＞「配色設定」をクリックします。
カラーパレット設定
カラーパレット設定は、色を指定する際に使用するカラーパレットに配色パターンを反映する機能です。希望するカラーパレットを選択し公開ボタンをクリックします。その後、Webブラウザを更新すると、カラーパレットが反映されます。
カラーピッカーの配色がカラーパレットの設定により変わります。
カラーピッカーの表示例
ベース配色
サイトのベースとなる配色を設定する機能です。サイト全体の背景色や、見出し・ボタンなど多くの要素に使用するメインカラー、アクセントとなるカラー、ページ本文のリンクテキスト色などを指定します。
WordPress本体のボタンブロックには、ベース配色は反映されません。ボタンブロックの配色設定をご利用ください。
ヘッダー設定
ヘッダーエリアの配色を設定する機能です。ヘッダーCTA（電話番号・営業時間・アクセス）やSNSフォローボタン［ヘッダー］の配色、サイトタイトル・キャッチコピーの配色が可能です。
オーバーレイ［フロントページ］の設定時に、SNSアイコンを白に指定する場合、SNSアイコンカラー［白］を有効にします。同様に、ロゴ画像を白抜きにしたい場合、ロゴカラー［白］を有効にしてください。
ボーダー
ボーダーを有効にすると、ヘッダーエリアに区切り線を表示することができます。区切り線は、オーバーレイ［フロントページ］を有効にした場合、フロントページでは反映されません。
ヘッダーメニュー設定
ヘッダーメニューの背景、メニュー項目（メニュー名）の文字、サブメニューの背景・文字の色指定が可能です。
指定メニュー項目
指定メニュー項目は、メニュー編集画面の指定メニュー項目にチェックを入れたメニューの配色設定に使用します。
ハンバーガーメニュー設定
ハンバーガーメニューの色を指定できます。ハンバーガーメニュー［追従型］は、スマホでWebサイトを表示した際に画面右下に表示できるフローティングボタンです。
ヘッダーパネル設定
ヘッダーパネルとは、検索ボタン［ヘッダー］・多言語切り替えボタン［ヘッダー］・コンタクトボタン［ヘッダー］をクリックした際にフェードインするパーツの名称です。
検索ボタン［ヘッダー］・多言語切り替えボタン［ヘッダー］・コンタクトボタン［ヘッダー］のアイコンやボタンの色指定や、ヘッダーパネルの背景色・文字の色指定が可能です。
次の画像に記載の（１）は、アイコンの色が反映されます。（２）はボタンとボタン［ホバー］の色が反映されます。
アイキャッチ画像設定
アイキャッチ画像レイアウト・ヘッダーレイアウトがカバーまたは全幅［オーバーレイ］指定時に適用されます。アイキャッチ画像にオーバーレイしたい色を指定できます。
ページ本文設定
背景色［ページ本文］を有効にチェックを入れると、背景色［ページ本文］の指定カラーが投稿ページ・固定ページの本文背景色に反映されます。
背景色［ページ本文］を有効にする場合、ページのヘッダー幅とコンテンツ幅の設定機能で調整が必要です。ヘッダー幅とコンテンツ幅の設定はデザイン設定＞ページ本文設定から実施します。
ページのタイトルにサブタイトルを追加表示したい場合、Emanon設定＞管理画面からサブタイトルを有効にしてください。
背景色［SNSフォローボタン（ページ）］と文字［SNSフォローボタン（ページ）］は、SNSフォローボタン［ページ］の配色を指定する機能です。ページにアイキャッチ画像がない場合、下記のように背景色［SNSフォローボタン（ページ）］が全面に反映されます。
「背景色［投稿者プロフィール］を有効」にチェックを入れると、投稿者プロフィールの背景色を変更できるようになります。「SNSブランドカー」は、投稿者プロフィールの欄内に表示されるSNSボタンの配色を各SNSのブランドカラーに変更する機能です。
ページ単位で背景色の一括指定を解除
「背景色を有効」にチェックを入れるとページの背景色が全て一括変更されます。もし、ページ単位で背景色の指定を無効にしたい場合、ページ編集画面右側にある「背景色設定」から「背景色を無効」を有効化してください。
サイドバー設定
サイドバーの背景色やサイドバーに配置したウィジェットの見出しの色を設定する機能です。
背景色は、サイドバーデザインが「余白なし＋枠線なし」の場合反映されません。
フッター設定
フッターエリア・コピーライトエリアの配色を設定できます。背景色は、フッターにウィジェットが配置されている場合に適用されます。背景色［透過率］：オーバーレイ用は、フッターの背景に画像や動画が配置（デザイン設定）されていいる場合に使用する透過率です。見出し・見出し［背景］は、フッターに配置されたウィジェットのタイトルに適用されます。
背景色［フッター固定メニュー［SP］］・背景色［透過率］：フッター固定メニュー［SP］・文字：フッター固定メニュー［SP］は、それぞれ、フッター固定メニュー［SP］に適用される配色設定です。