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

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

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

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

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

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

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

上記のとおりです。

Twenty Seventeen：WordPress公式テーマ

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

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

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

Lightningテーマ

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

Lightningテーマ単体で動画を表示させることはできませんが、有料プラグイン「VK Video Block Pro」を使うと、ヘッダーの背景にMP4・WebM形式の動画を表示させることができます（YouTubeの動画は指定できません）。

公式サイト：VK Video Block Pro

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

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

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

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

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

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

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

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

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

上記のとおりです。

ORION：フルスクリーンで迫力のあるサイトを作れるテーマ

出典：公式サイト「ORION」

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

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

UNIQUE：クリエイター向けのテーマ

出典：公式サイト「UNIQUE」

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

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

FAMOUS：集客・ブランディングに特化したテーマ

出典：公式サイト「FAMOUS」

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

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

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

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

OOPS!：コンバージョン率を高めるために開発されたテーマ

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

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

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

SOURCE：Webマーケティングに最適化されたテーマ

出典：公式サイト「SORCE」

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

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

FAKE：ベンチャー・スタートアップ企業向けテーマ

FAKEは、クオリティが高い企業サイトをスピーディーに作成できる、ベンチャー企業やスタートアップ企業向けのテーマです。

フルスクリーン表示に対応しており、スライド単位で表示設定できる検査フォームやニュースティッカーなども実装してます。

ユーザーが閲覧しやすいよう導線が設計されており、実用性も十分考慮されてます。

MAXX：店舗集客を実現するテーマ

出典：公式サイト「MAXX」

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

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

STORY：美しく魅せることを追求したテーマ

出典：公式サイト「STORY」

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

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

ヘッダーに動画を表示できる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選【選び方・比較表】