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

ヘッダー動画の設定

[必須]事前設定

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

ヘッダー動画の設定

ファストビューの表示をヘッダー動画に指定しましたら、外観>カスタマイズ>フロントページ設定ヘッダー動画設定をクリックした後、詳細設定を行います。

オーバーレイ

オーバーレイは、ヘッダー動画エリアをロゴ(サイト名)やヘッダーメニューのエリアまで覆う設定です。

オーバーレイ

フロントページ設定の各ファーストビューで、オーバーレイ:ヘッダーアイキャッチエリアをロゴ(サイト名)やヘッダーメニューのエリアまで覆う設定を有効にすると、スクロール追従[SP]は無効になります。

MP4ファイルの設定

  • 動画ファイル:MP4形式の動画ファイル(アスペクト比16:9)に対応しています。
  • 背景画像[SP]:スマホ表示時に動画の代わりに画像を表示します。
  • 画面の高さ[PC]:vh:パソコン表示時に画面の高さを指定します。
  • 画面の高さ[tablet]:vh:タブレット表示時に画面の高さを指定します。
  • 画面の高さ[SP]:vh:スマホ表示時に画面の高さを指定します。
  • レスポンシブ動画[SP]:スマホ表示時に横幅100%で表示します。

アイキャッチ画像[PC][SP]

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

ボタン関連

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

タイトル 文字サイズ[PC][Tablet][SP]

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

サブタイトル文字サイズ[PC][Tablet][SP]

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

メッセージ文字サイズ[PC][Tablet][SP]

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

SOUNDボタン[PC]の表示

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

ダウンアイコンの表示

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

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

MP4無料動画

MP4を無料でダウンロードすることができるサイトがあります。各サイトのライセンス・利用規約をご確認のうえ、自己責任でご利用ください。

Coverr

http://coverr.co/

Mazwai

http://mazwai.com/

公開保存

全ての設定が完了しましたら、必ず公開状態で保存してください。公開状態で保存しないとカスタマイザーの設定が反映されません。