「Cocoon」のテーマを使用して、各領域のデザインやレイアウトを作成していきます。

❶ヘッダー領域のカスタマイズ

ヘッダー画像を挿入する

ダッシュボードより、「Cocoon設定」→「Cocoon設定」をクリックする。

無料テーマ「Cocoon」で設定・変更できる様々なタブが出てくるのがわかります。

「ヘッダー」のタブを選択します。

下へスクロールすると「ヘッダー背景画像」の項目の「選択」をクリックする。

「メディアライブラリ」という画像を収納、管理するメニューが、ダッシュボードのメニュー欄にあります。事前にここへ、ヘッダーへ貼り付けたい画像をアップロードする必要があります。

メディアライブラリに画像をアップロード

ダッシュボードから「メディア」→「新規追加」を選択する。

掲載したい画像ファイルを直接ドロップするか、ファイルを選択してアップロードします。

アップロードできたら、選択して、画像を挿入でヘッダー画像が表示されます。

サイトタイトルとキャッチフレーズ

上記の「一般設定」でも入力した通り、タイトルとキャッチフレーズを入力します。

まとめ

後は、「ヘッダーレイアウト」で配置を選定、「高さ」でヘッダー全体の高さをピクセルで入力、

画像を入れない場合の「ヘッダー全体色」、「ロゴ色」など、レイアウトやデザインを変更することができます。

細かいカスタマイズはおいおい、書いていく予定なので、楽しみにしておいてください。