ここでは、MASSIVEに搭載されている固定ページテンプレート「ランディングページ」のヘッダーエリアの自由度について解説いたします。
ヘッダーエリアだけでも以下のバリエーションを再現可能です。
- 高さ700pxのヘッダー
- 全画面ヘッダー
- 表示しない
- 背景のアニメーション4種類
まずは、下記のような高さ700pxヘッダーサイズのデザイン。
続いて、ヒーローヘッダー式のLPに最適なインパクトを与えるタイプ。
ユーザービリティを考えて、画面下部にスクロールボタンを表示しておくのがベターですね。
ヘッダー画像を表示しない場合にページタイトルをそのまま表示するタイプ。エントリーページがこのタイプです。
ヘッダー画像を表示する場合は、以下の4種類のアニメーションを任意に適用できます。それぞれ適用しているページでご確認いただけます。もちろんアニメーション無しも設定可能です。
- ズームイン
- ストライプアニメーション
- 左からスライドイン
- 右からスライドイン
