【Cocoon】カスタマイズ背景色を変更したい

カスタマイズの備忘録です。（まだ、カスタマイズ途中・・・）

【Cocoon】サイトの背景色を変えたい

今までは、Cocoonのスキン「Simple Navy」を使用。ブルーの色で引き締まり、サイトの背景色は全体的にグレーです。

今回は、サイトの背景色を変えたくてカスタマイズに挑戦です。

Cocoonのスキン「Simple Navy」から「スキンなし」に変更しました。

すると、オレンジの線で囲まれている部分は、色が変わっていません。オレンジで囲まれた部分をカラムと呼びます。

Cocoonはオレンジで囲まれた部分（カラム）の背景色は、スキンを変更しても変わらないそうです。

カラムの背景色設定は、CSSを使います。

◆Cocoonは、デフォルトでシンプルなデザインを意識しているため、背景色などを変更する設定は、テーマの設定には組み込まれていません。
◆Cocoonは、カスタマイズしやすいように設計されているため、CSSで変更することにより、自由なデザインを実現できるようになっています。
◆

カラムの背景色をおしゃれなカフェ風にCSSで変えてみました。

CSSへの変更方法は、スタイルシートに書き込みます。

【外観】→【カスタマイズ】→【追加CSS】