ワードプレス関連の役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

Featured Video Plus - YouTube, Vimeoなどの動画を記事に挿入できるWordPressプラグイン

このエントリーをはてなブックマークに追加

記事公開 2014.01.13

最終更新 2016.12.31

Featured Video Plusは、動画共有サイトのYouTube、Vimeo、Dailymotionの動画を簡単に記事に自動挿入できるプラグインです。動画のサムネイル画像をアイキャッチ画像に自動的に登録することもできます。

動画の表示形式は、設定で4種類の中から選択することができます。自動挿入の機能を利用すれば、テンプレート編集不要で利用できます。

このプラグインは、動画ブログなど、動画を紹介する機会が多いブログで利用すると役に立ちます。動画ブログを運営している方は、記事を書く作業が捗るので活用しましょう。

はじめに

このプラグインが優れている点

  1. 動画共有サイトのYouTube、Vimeo、Dailymotionの動画を簡単に記事に表示できる。
  2. 動画プレイヤーの表示サイズや表示設定を指定できる。
  3. 動画のサムネイル画像をアイキャッチ画像に自動的に登録できる。
  4. 動画の表示位置は、設定で4種類の中から選択できる。自動挿入の機能を利用すれば、テンプレート編集不要で利用できる。
  5. 動画の表示位置の指定は、PHPコードとショートコードに対応している。
  6. 自動挿入を利用すれば、トップページやアーカイブにも動画を自動挿入できる。ただし、テーマによってはレイアウトと合わず、テンプレート修正が必要な場合ある。

利用イメージ

記事投稿画面でYouTubeなどのURLを登録すると、自動的に動画のサムネイル画像が取得され、記事本文の上に表示されます。動画プレイヤーを表示することもできます。

記事編集画面

Featured Video Plus 記事投稿画面

動画表示例

Featured Video Plus 動画表示例

動画プレイヤーの表示形式

下記の4通りの中から表示形式を選ぶことができます。

  1. 記事本文の上に動画プレイヤーを自動挿入する。
  2. サムネイル画像をクリックしたら、Lightbox風にオーバーレイで動画プレイヤーを表示する。(レイヤーを重ねて表示)
  3. サムネイル画像をクリックしたら、動画プレイヤーに差し替える。
  4. 手動で動画表示位置を指定する。(PHPコード/ショートコード)

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Featured Video Plus」で検索
  2. WordPress.org からダウンロード

プラグインの設定

管理画面の場所

このプラグインの管理画面は「メディア」の下の方にあります。

WordPress管理画面 > メディア

管理画面の設定

プラグイン管理画面で表示モードの指定や、YouTube、Vimeo、Dailymotionの表示設定ができます。

Featured Video Plus 管理画面

設定メモ

  1. トップページやアーカイブに動画を表示したくない場合は、PHPコード又はショートコードを利用して手動で表示位置を指定します。
  2. このプラグインを利用して表示できる動画の数は、記事に1個の動画のみです。記事本文に複数の動画のURLを記述すれば、動画は幾つでも表示可能ですが、プラグインの設定は影響しません。

ショートコード

ショートコードを利用する場合は、プラグイン設定にある「Usase」を「None of the above」を選択して下さい。そして、記事本文などにショートコードを記述して利用します。

[featured-video-plus]
[featured-video-plus width=300]

PHPコード

PHPコードを利用する場合は、プラグイン設定にある「Usase」を「None of the above」を選択して下さい。そして、下記のPHPコードをテンプレートに直接記述して利用して下さい。

プラグイン公式の説明をよく確認した上で利用してください。下記以外にも記述方法が幾つかあります。尚、PHPがよく分からない人は利用しない方が良いです。

<?php the_post_video( $size ); ?>

余白の調整

もし、記事本文と動画の間隔が近すぎる場合は、CSSでマージンを調整して下さい。

#single_post .fluid-width-video-wrapper { margin-bottom: 20px; }

まとめ

Featured Video Plusは、動画共有サイトのYouTube、Vimeo、Dailymotionの動画を簡単に記事に自動挿入できるプラグインです。動画のサムネイル画像をアイキャッチ画像に自動的に登録することもできます。

このプラグインは、動画ブログなど、動画を紹介する機会が多いブログで利用すると役に立ちます。動画ブログを運営している方は、記事を書く作業が捗るので活用しましょう。

スポンサーリンク

最後までお読み頂き、ありがとうございます

この記事の内容が役に立ったと思ったらソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

CAPTCHA


ソーシャルメディア & RSS

Twitter Facebook Google+ RSSフィード

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

MAG(TCD036)

WordPressテーマ「MAG(TCD036)」

ハイクオリティーな人気ブログを構築できるWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら