サイト背景・メニュー・ヘッダー・フッターの色設定

サイト背景・メニュー・ヘッダー・フッターの色設定

サイト内の色は「[ys]色設定」から設定できます。

色を変更できるのはサイトの背景色、ヘッダー、モバイルメニュー、フッター部分です。

それ以外の場所の色のカスタマイズはCSSを追加し、ご自身でカスタマイズして下さい。

サイト背景色の設定

サイトの背景色は「サイト背景色」から設定できます。

サイト全体の背景色を設定できますが、ヘッダー・フッターについては別の設定にて変更できます。

メインコンテンツ部分の背景色は白(#ffffff)で固定されています。

ヘッダー色設定

ヘッダーの色は「ヘッダー」メニューから設定できます。

ヘッダーの背景色、サイトタイトルとメニューテキスト、サイト概要文の色をそれぞれ変更できます。

フッター色設定

フッターの色は「フッター」メニューから設定できます。

フッターの背景色とフッターの文字色、SNSアイコンの背景色・不透明度を設定できます。

フッターの文字色設定はリンクテキストの色にも反映されます。

SNSアイコン色の設定

SNSアイコンの背景色はライト・ダークの2種類を設定できます。

フッターの背景色が暗い色の場合、SNSアイコン背景色は「ライト」がオススメです。

フッターの背景色が明るい色の場合、SNSアイコン背景色は「ダーク」がオススメです。

モバイルメニュー色設定

モバイルメニューの色設定は「モバイルメニュー」から変更できます。

モバイルメニューの背景色・文字色、メニューを開くボタン・閉じるボタンの色をそれぞれ設定できます。