WordPressの始め方と使い方をわかりやすく解説!

WordPressでアイキャッチに動画を設定する方法

この記事を読めば…
WordPressでアイキャッチ画像の代わりにYoutubeなどの動画を設定する方法がわかります。

なあ、アイキャッチ画像って画像じゃなくて動画を入れることってできるんか?

うん、できるよ。プラグインを使えば簡単だよ

記事ごとにアイキャッチ画像を設定している方は多いかと思います。でも中には「動画を設定したいな」と思う方もいるはずです。

それはFeatured Video Plusというプラグインを使えば簡単に解決できます。

特に難しい設定も必要なく、次のように簡単にアイキャッチ画像の代わりにYoutubeなどの動画を設定することができます。

アイキャッチに動画(Youtube)を設定する

WordPressでアイキャッチに動画を設定する

まずは、Featured Video Plusのプラグインをインストールしましょう。

アイキャッチに動画を設定するプラグインをインストールする

インストールが終わったら、プラグインを有効化してください。

有効化が終わったら、プラグインの設定を行います。プラグインの設定を行うため、設定 ≫ メディアをクリックしてください。

メディア設定を開く

メディア設定画面を開くと、下の方にFeatured Video Plusの項目が追加されています。

プラグインの設定項目を確認する

動画の設定を行う

Featured Video Plusの設定を行っていきましょう。ここでは、重要な設定にしぼって解説を行っていきます。

動画の表示設定を行う

  • Display mode – アイキャッチ画像に動画を設定する条件を決めます。動画が設定されている時に常に動画を表示したい場合は、「Replace featured image automatically.」を選択します。
  • Display Conditions – Display modeが適用される条件を選択できます。何もチェックを入れない場合、常にDisplay modeで選択した設定が適用されます。
  • Video Sizing – 動画の表示をレスポンシブ対応させるか選択します。基本的にはチェックを入れておくことをおすすめします。

自動再生とサービスごとの設定を行う

Default Argumentsのgeneralタブで自動再生の設定ができます。ここはAutoplay with…を選択し、他の項目にはチェックを入れないでおきましょう。この設定で自動再生は行われません。

投稿画面でアイキャッチに動画を設定する

投稿画面でアイキャッチに動画を設定する方法を確認していきます。

Featured Video Plusのプラグインを有効化すると、記事編集画面の右側の列にFeatured Videoのボックスが追加されます。

ボックスの中のVideo URLに設定したい動画のURLを入力すれば、アイキャッチにその動画が設定されます。設定はこれだけです。

動画の設定ができたら、最後にちゃんと動画が表示されるか確認をしておきましょう。

WordPressサイトの投稿画面を確認する

アイキャッチ画像と動画両方とも設定されている場合は、動画が優先して表示されるよ。もし動画が表示されない時は、確認してみてね

アイキャッチ画像と動画が両方とも設定されている場合

基本的には、WordPressに動画をアップロードするのではなく、Youtubeなどのサービスに動画をアップロードして使用するのをおすすめします。

また、表示されるアイキャッチ画像のサイズを変更したい場合は、WordPressでアイキャッチ画像のサイズを変更する方法の記事を参考にしてください。

WordPressアイキャッチ画像おすすめプラグインを見る

関連記事

FOXWP

Conoha WINGからエックスサーバーにWordPressの引越しを行う手順

Conoha WINGからエックスサーバーに引越しを行う手順 Conoha WINGからエックスサーバーに引越しを行う際の注意点 ネームサーバーがエックスサーバーのネームサーバーに設定されていないと、無料独自SSLの設定

FOXWP

wp-envで構築したWordPressのデータベースへアクセスする手順

wp-envで構築したローカル開発環境のデータベースにサクセスするには、Local WordPress EnvironmentのAccessing the MySQL Databaseに記載されている方法で行えます。 参

FOXWP

【WordPress】はじめてのブロックエディター開発

この記事では、WordPressでブロック開発をした際のメモです。 WordPressで必要最低限のブロックを開発するには、@wordpress/create-blockパッケージを作成することですぐにできます。 参考:

FOXWP

wp-envとは?使い方を解説

wp-envを利用した際のメモです。 wp-envとは? ローカルのWordPress開発環境 wp-envとは、ローカルのWordPress開発環境です。Docker Desktopと合わせて利用します。 wp-env

FOXWP

WordPressのおすすめセキュリティプラグイン6選

WordPressセキュリティプラグインを使えば、専門的知識がない方でも手軽にセキュリティ対策を行うことができます。 マルウェア・ブルーフォースアタック・ハッキングといった様々な障害からあなたを守ってくれます。 この記事

FOXWP

WordPressでおすすめの目次プラグイン8選

記事に目次を挿入すれば、読者に記事の全体像を理解してもらいやすくなります。欲しい情報があるか判断する手助けとなり、読者にとって使いやすいサイトと認識してもらえます。 この記事では、目次を挿入できるおすすめのWordPre