【Cocoon】ヘッダ画像の配置

Cocoonでヘッダーの背景画像を設定する方法です。

ヘッダーの背景画像

ヘッダーの背景画像は各ページの上部に表示される、下図の赤枠の部分に表示する画像です。

サイトロゴも画像で作成し表示することはできますが、今回はサイトタイトルは初期のままテキストで表示しています。

そのためサイトタイトルとキャッチコピーが読みやす表示されるような素材で作成しました。

ヘッダー背景画像のサイズ

当サイトでは、
ヘッダー画像サイズ：1900x200px
で作成しています。
このサイズであれば、特に他のオプションをいじることなくきれいに表示されます。

ヘッダー背景画像の設定

ヘッダー画像の設定手順は下記の通りです。