Cocoonのヘッダー文字色を変更する

Cocoonでは、ヘッダーの文字を簡単に変更できる機能があります。

ヘッダーの文字色変更

Cocoonでは、次の方法でヘッダーの文字色を変更できます。

［ヘッダー］タブの中にはヘッダーの文字色を変更する項目が3か所あるので注意が必要です。

下で3箇所の違いをみていきます。

ヘッダー全体文字色

［ヘッダー全体文字色］を指定すると、ヘッダー内の文字全てに適用されます。

適用されるのは、キャッチフレーズ、サイトタイトル、グローバルナビメニューです。

［ヘッダー全体文字色］を使うと、1か所の設定で同時に3箇所が変わります。

ロゴ文字色

［ロゴ文字色］を指定すると、サイトタイトルとキャッチフレーズの文字色を変えることができます。

グローバルナビ文字色

［グローバルナビ文字色］を指定すると、グローバルナビメニューの文字色を変えることができます。

3箇所を使い分けよう

構造的に［ヘッダー全体文字色］で設定するのは背景の部分なので、最背面の文字色です。

両方にカラーを指定しても、ブラウザに表示されるのは前面に位置する［ロゴ文字色］と［グローバルナビ文字色］で設定したカラーです。