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