【WordPress】ヘッダーに動画を表示できるテーマ・プラグイン18選

WordPressサイトのファーストビュー（トップページのヘッダー部分）に動画を表示させる方法をお探しの方向け。

WordPressサイトのファーストビューに動画を表示させる方法は2つあります。

テーマのカスタマイズは初心者にはハードルが高いですが、テーマ自体に動画を表示させる事ができる機能が付いていれば、誰でも簡単にファーストビュー（トップページのヘッダー）に動画を表示させる事ができます。

この記事では、ヘッダーの背景に動画を設置する事ができるテーマやプラグインを紹介します。

ヘッダーに動画を表示できる無料テーマは2つ

ヘッダーに動画を表示できる無料テーマは2つあります。

上記のとおりです。

Twenty Seventeen：WordPress公式テーマ

WordPress公式テーマ「Twenty Seventeen」は動画の表示が可能です。

設定は簡単で、テーマのカスタマイズにある「ヘッダーメディア」を選択すると、簡単に設定できます。

動画は以下2つの表示方法から設定できます。

Lightningテーマ

Lightningテーマは、株式会社ベクトルが無料配布している、有料機能並みの機能を備えた無料テーマです。

Lightningテーマ単体で動画を表示させることはできませんが、有料プラグイン「Lightning Video Unit」を使うと、ヘッダーの背景に動画を表示させる事ができます。

公式サイト：Lightning Video Unit

プラグインの使い方や詳細情報は Lightning Video Unit 公式ページで公開されていますので、是非どうぞ。

動作デモは公式デモサイトで確認できます。

ちなみに、Lightningテーマの使い方を下記記事で詳しく紹介していますので、Lightningテーマに興味をお持ちの方は是非どうぞ。

ヘッダーに動画を表示できる有料テーマ16選

次に、ヘッダーに動画を表示できる有料テーマを紹介します。

カスタマイズするよりも確実で、簡単にできますので、無料テーマをカスタマイズするよりも買った方が早いと思います。

本記事では、下記5つのメーカーのテーマをご紹介します。

ヘッダーに動画を表示できるTCDテーマ8選

最初に、ヘッダーに動画を表示できるTCDテーマを8つ紹介します。

上記のとおりです。

ORION（TCD037）

出典：公式サイト「ORION」

「ORION」は、ヘッダーにフルスクリーンの動画を再生する事ができるテーマです。YouTube動画はもちろん、MP4形式の動画ファイルをアップロードして表示できます。

アップロードした動画や静止画は、明るさを落としてシックに見せたり、高級感のあるドットパターンをかけるといった、オーバーレイ選択機能もあります。

STORY（TCD041）

出典：公式サイト「STORY」

「STORY」は、高級なホテルやブライダル事業のコンセプトやサービス情報を的確に伝える事ができるテーマです。

ヘッダー部分にYouTube動画はもちろん、MP4形式の動画ファイルをアップロードして表示できます。

SKIN（TCD046）

出典：公式サイト「SKIN」

「SKIN」は、エステサロン等の美容業界に特化したテーマです。

動画はもちろん、静止画を組み合わせてスライダー表示できるため、ターゲットに請求する静止画を表示させた後に、店舗内の空間や施術風景の動画を表示できます。

SOURCE（TCD045）

出典：公式サイト「SORCE」

「SOURCE」は、インターネットビジネスに最適化された、高機能かつ充実した機能を搭載したテーマです。

集客を売上に直結させるために検索エンジンやSNSなど、様々なインターネットからの集客を囲い込むために、トップページはハイエンドなランディングページ仕様となっています。

UNIQUE（TCD044）

出典：公式サイト「UNIQUE」

「UNIQUE」は、広告代理店、デザイン会社、独創的なアイデアを創造するクリエイター向けに作られたテーマです。

コンテンツビルダーを搭載しているため、トップページに表示するコンテンツ（NEWS・コンセプト・会社概要・ブログ一覧・ポートフォリオetc）の順序や配色を自由自在にカスタマイズできます。

MAXX（TCD043）

出典：公式サイト「MAXX」

「MAXX」は、スポーツジムやヨガスタジオなどに使える、インパクト溢れる店舗サイト用のテーマです。

ヘッダーの動画表示はもちろん、写真の背景色や透明度も変更することができますので、それぞれ拡大率やスライドの方向、フェードの透過率や背景色など細かい微調整も可能です。

OOPS!（TCD048）

出典：公式サイト「OOPS!」

「OOPS!」は、インターネットビジネス、店舗ホームページ、商品販売の成約率を高めるために開発されたテーマです。

デザイン性が高いだけでなく、コンテンツマーケティングの効果を最大限に発揮するために開発された「OOPS!」は、インプレッション、クリック数、コンバージョン率の計測が可能なCTA（ABテスト機能）を搭載している高機能なテーマです。

FAMOUS（TCD064）

出典：公式サイト「FAMOUS」

「FAMOUS」は、集客・ブランディングに特化したテーマです。

ヘッダーの動画表示はもちろん、ヘッダー画像の表示パターンも3タイプから選択でき、洗練されたアニメーションによって印象的な表示ができます。

モーダルウィンドウ（ポップアップ表示）機能も搭載しており、1回限定表示、遅延表示（秒数指定可）等、細かい表示設定が可能です。

ランディングページを作成機能も用意されているので、集客に強いテーマです。

ヘッダーに動画を表示できるEmanonテーマ

出典：公式サイト「Emanon」

Emanonは、中小企業や個人事業主向けのWeb集客に特化した、WordPressテーマです。ヘッダーにYouTubeとMP4形式の動画を表示できます。

Emanonテーマは「Pro」、「Business」、「Premium」と3種類ありますが、いずれもヘッダーに動画を表示させることができます。

ヘッダーに動画を表示できるisotypeテーマ2選

ヘッダーに動画を表示できるisotypeテーマは2つあります。

上記のとおりです。

MAJESTIC

「MAJESTIC」は、インパクトと美とミニマルを突き詰めた、コーポレートサイトをターゲットとしたWordPressテーマです。

ヘッダー部分にYouTubeの動画を表示させる事はもちろん、パララックスコンテンツを作成できたり、カルーセルスライダーの表示も可能です。

なお、「MAJESTIC」には、拡張機能版テーマ「MAJESTIC+」もあります。

価格が7,000円ほど高くなりますが、表示方法が多彩なので、見せ方にこだわりたい方はMAJESTIC+がマッチすると思います。

MOMENTUM

「MOMENTUM」は、多彩なテーマオプション機能を備え、柔軟にサイトを制作することをコンセプトとしたWordpressテーマです。

グリッドレイアウトを組むためのウィジェットエリアにより、オシャレで、なおかつ複雑なグリッドレイアウトを組むことができます。

ヘッダー動画は動画をアップロードして表示させる事ができます。

ヘッダーに動画を表示できるAFFINGER6

「AFFINGER6」は、コーポレートサイトはもちろん、アフィリエイトサイトやブログでも効果が発揮できるようマルチに設計されたWordPressテーマです。

トップページに動画を表示させる事ができるのですが、動画が一部コンテンツで見えない部分があります。ただ、コンテンツの大部分が半透明化されていますので、そこまで気にならないと思います。

サンプルサイトで確認できますので、興味のある方は直接確認してみて下さい。

ヘッダーに動画を表示できるDigiPressテーマ4選

最後に、ヘッダーに動画を表示できるDigiPressテーマを4つ紹介します。

上記のとおりです。

Voyageur

出典：公式サイト「Voyageur」

「Voyageur」は、ヘッダーにフルスクリーン動画を再生できるテーマです。トップページだけでなく、アーカイブページ、シングルページごとで別々の動画を設定する事もできます。

Voyageurテーマの詳細はこちら

ちなみに、こちらのテーマは、「Voyageur」と「Voyageur Light」の２種類がありますが、フルスクリーン動画に対応しているのは「Voyageur」の方なので、購入される時はお気をつけ下さい。

Clarity

出典：公式サイト「Clarity」

「Clarity」は、ヘッダー部分にフルスクリーンの静止画像、モーションエフェクト付きのスライドショー、そしてYouTubeまたはVimeoのビデオを表示する事ができるコーポレートサイト向けのテーマです。

Clarityテーマの詳細はこちら

こちらのテーマは「Business Edition」のみフルスクリーン動画に対応していますので、購入される時はお気をつけ下さい。

Macchiato

出典：公式サイト「Macchiato」

「Macchiato」は、ヘッダー部分にフルスクリーン動画を表示させることはもちろん、パララックススクロールの静止画を表示させる事ができるテーマです。

Macchiatoテーマの詳細はこちら

こちらのテーマは「Macchiato」と「Macchiato Light」の２種類がありますが、フルスクリーン動画に対応しているのは「Macchiato」の方なので、購入される時はお気をつけ下さい。

Luminous

出典：公式サイト「Luminous」

「Luminous」は、ヘッダー部分にフルスクリーン動画を表示させることはもちろん、コーポレートサイト、パーソナルユースのどちらでもマッチする4種類のヘッダースライドショーを表示させる事ができるテーマです。

Luminousテーマの詳細はこちら

こちらのテーマは「Business Edition」のみフルスクリーン動画に対応していますので、購入される時はお気をつけ下さい。

まとめ

以上、トップページのヘッダー部分に動画を設置できるWordPressテーマやプラグインを紹介しました。

ヘッダー部分に動画を表示させたいけど、カスタマイズするのが面倒という方は、動画を表示させる事ができるテーマやプラグインを導入すれば簡単に表示できます。

お探しのデザインにマッチするテーマがありましたら、是非、導入してみて下さい。

ちなみに、「【無料】初心者でも動画編集が簡単にできるFlexClip【3ステップで作れる】」という記事で、初心者でも動画編集が簡単にできるツールを紹介していますので、興味がある方は是非どうぞ。

また、他テーマに興味をお持ちの方向けに、下記記事で用途別におすすめなテーマを紹介していますので、こちらも是非参考にして下さい。

人気記事【無料あり】メール配信システムおすすめ比較7選【選び方・比較表】