目次
はじめに
図1に「メインビジュアル」を示します。
ヘッダー
Cocoon設定→ヘッダー→ヘッダーロゴを設定します。
ヘッダーロゴ
Cocoon設定→ヘッダー→ヘッダーロゴを設定します（図1参照）。
画像を設定した場合、外観→カスタマイズ→サイト基本情報→サイトのタイトルから画像に変更されます。
- 設定なし
- 設定あり
メインビジュアル表示
メインビジュアルを設定したとき、メインビジュアル上に「サイトのタイトル」か「ヘッダーロゴ」画像を表示します。
この際、タイトルテキストよりも優先して表示されます。
- オフ
- オン
フロントページヘッダー表示
フロントページのヘッダー表示を切り替えます。
- オフ
- オン
フォント
サイトのタイトルのフォントを設定します。
メインビジュアル
動画またはスライド画像を設定します。
メインビジュアルに動画またはスライド画像を画面いっぱいに表示します。
タイトルテキスト
メインビジュアル上に表示する、テキストを入力します。patternショートコード、HTMLタグも入力できます。
フォントサイズ
タイトルテキストのフォントサイズを入力します。
テキスト縦書き
タイトルテキストを縦書き表示にします。このとき、テキストの周りに枠が表示されます。
- オフ
- オン
Scrollボタン
「Scroll」を表示します。
- なし
- 線1
- 線2
- 矢印1
- 矢印2
- 矢印3
Scrollボタンカラー
Scrollボタンの色を設定します。
波線
メインビジュアルの下に、波線を表示します。
- オフ
- オン
動画
メディア登録してある動画を設定します。
画像
メディア登録してある画像を、設定します。
最大3枚の画像をスライド表示可能です。画像が1枚のとき、スライド表示しません。
スライドオプション
スライド切り替え
スライド動作を設定します。
スライド中のズーム
スライド中のズームを設定します。
フィルター
動画・スライド画像の上に、フィルターを重ね、表示します。
オーバーレイ
動画・スライド画像の上に、透過度0～50%の色を重ね、表示します。
さいごに
本スキンのカスタマイズにより、メインビジュアルを使用しサイトの魅力を引き立てることができます。
SWELLと同様に、動画やスライド画像を活用し、調整することで、視覚的にインパクトのあるデザインを実現できます。
