ヘッダー動画設定

ヘッダー動画は、フルスクリーンで動画を表示するファーストビューです。 MP4形式の動画ファイルに対応しています。

ヘッダー動画の設定

WordPress管理画面にログイン後、メニュー名「外観」＞「カスタマイズ」＞「ファーストビュー設定」＞「表示設定」をクリックします。

「表示設定」レイアウトを「ヘッダー動画」に指定してください。

「ファーストビュー設定」＞「ヘッダー動画」をクリックし各種設定をおこないます。

背景画像［SP］

スマホ表示時に動画を表示したい場合は、背景画像［SP］は指定しないでください。

動画ヘッダーの表示例

動画の読み込みに時間がかかるケースを想定して、ローディングアニメーション設定の有効化を推奨します。

問い合わせなどに誘導するボタンを設置する機能です。ボタンの横幅サイズの指定や、ボタンのクリックを誘導するマイクロコピーの配置や、クリック時に新しいウィンドウ（別タブ）の切り替え指定も可能です。

Click IDは、Googleタグマネージャーを使ったボタンクリックを計測するのに使用します。Click IDには、他と重複しないIDを入力してください。Googleタグマネージャーでクリックを計測する設定は、専門書またはGoogle検索にてお調べください。

画面の中央に画像を表示できます。透過のロゴ画像やメッセージ画像の配置を想定した機能です。

タイトル文字サイズ［SP］は、スマホからWebサイトを表示した際に適用されます。
タイトル文字サイズ［Tablet］は、タブレットサイズ（画面幅959px以下）に適用されます。
タイトル文字サイズ［PC］は、画面幅960px以上に適用されます。

サブタイトル文字サイズ［SP］は、スマホからWebサイトを表示した際に適用されます。
サブタイトル文字サイズ［Tablet］は、タブレットサイズ（画面幅959px以下）に適用されます。
サブタイトル文字サイズ［PC］は、画面幅960px以上に適用されます。

メッセージ文字サイズ［SP］は、スマホからWebサイトを表示した際に適用されます。
メッセージ文字サイズ［Tablet］は、タブレットサイズ（画面幅959px以下）に適用されます。
メッセージ文字サイズ［PC］は、画面幅960px以上に適用されます。

アニメーション効果［テキスト］は、タイトル・メッセージなどの要素にアニメーションを付与する機能です。アニメーションは、フェードインかスライドアップのいずれかを指定できます。

Emanon設定＞SNSフォロー設定で指定したSNSがアイコンで表示されます。SNSアイコンの表示位置は、ボタンの下部です。

動画の音を出力するボタンです。パソコンのみ表示できます。スマホは、スマホ端末の仕様に自動再生動画の音を出力することができません。

下向きのスクロールを意識させるダウンアイコンを表示できます。ダウンアイコンのアニメーションは、スピン・フェードダウン・スクロールダウンの3つから選べます。

ダウンアイコンは、左寄せ・中央揃え・右寄せの３つから配置位置を指定できます。左寄せ・右寄せの場合、距離を%で調整が可能です。

オーバーレイ［フロントページ］は、背景画像をロゴ（サイト名）やヘッダーメニューのエリアまで覆う設定です。WordPress管理画面にログイン後、メニュー名「Emanon設定」をクリックし、タブ「レイアウト」をご覧ください。