ヘッダーアニメーション機能を利用する

ヘッダーアニメーションについて

「ヘッダーアニメーション」は、トップページのヘッダー画像部をアニメーションで表示させることができる機能です。
SIRIUS2では複数のアニメーションが用意されており、表示させたい画像とアニメーションを選ぶだけでヘッダーデザインをガラッと変更できます。
アニメーションの種類は全9種類あり、テキストの表示や画像のオーバーレイを設定することも可能です。

Ver1.100以前のバージョンを利用している場合は最新版へバージョンアップを行う必要があります。
バージョンアップ方法について

ヘッダーアニメーションについて

デザインタブ内にある「ヘッダーアニメーション」ボタンをクリックする

ヘッダーアニメーションを設定する場合、「デザイン」タブ内にある【ヘッダーアニメーション】を選択します。

「アニメーションを有効にする」をオンにする

下図のような設定画面が表示されます。
こちらからヘッダーアニメーションの各種設定を行います。
画面上部にある「アニメーションを有効にする」をオンにしてください。

アニメーションで表示する画像を追加する

最初にヘッダーアニメーション上に表示させる画像を選択します。
「アニメーション画像」にある「新規追加」クリックし、表示される画像管理画面から画像を選択してください。

画像は縮小されて表示されるため、比較的大きいサイズの画像を設定することを推奨しております。

(必要に応じて)画像上に表示するテキストを設定する

すると「アニメーション画像」に画像が追加されます。
画像上にテキストを表示させたい場合は「テキスト」をクリックすることで設定を行うことができます。

アニメーションの表示設定を行う

必要の応じてアニメーションやテキストに関する各種設定を行います。

共通設定

画像の高さ

アニメーション画像の高さを指定します。

使用する画像の比率によって表示可能な高さは異なります

スライダーの種類

ヘッダーアニメーションをどのように表示するかを指定します。

ズームアウト	ゆっくりとズームアウトしながら次の画像へ切り替わります。
ズームイン	ゆっくりとズームインしながら次の画像へ切り替わります。
ページめくり	画像がゆっくりと動き、指定した方向へページをめくるようなアニメーションで次の画像へ切り替わります。
自動スクロール	スライダーの様に指定した方向へ画像が流れていき、シームレスに次の画像が表示されます。
指定なし	ふわっとフェードインしながら次の画像へ切り替わります。

アニメーション時間

アニメーション時間を設定します。

指定した秒数で次の画像へ切り替えることが可能です。

テキストのH2表示

アニメーション上のテキストをH2タグで表示します。

中見出しとして表示させたい場合はこちらを有効にしていただくことで可能です。

見出しタグ装飾等のデザインは反映されません

テキスト設定

サイズ・色

テキストのサイズおよび色を設定します。

エフェクト・位置

テキストを表示する際のエフェクト及び位置を設定します。

エフェクト

フェードイン	テキストが手前側に浮かび上がるように表示されます。
フェードアップ	テキストが上に浮かび上がるように表示されます。
フェードダウン	テキストが下に沈むように表示されます。
フェードレフト	テキストが左に流れながら表示されます。
フェードライト	テキストが右に流れながら表示されます。
指定なし	テキストが最初から表示されます。