Featured Video Plus の設定方法

  • LINEで送る
Featured Video Play Icon

投稿・ページに簡単に動画を埋め込む方法

ページ内に動画を表示するには、幾つかの方法がありますが、今回は、WordPress のプラグインである 「Featured Video Plus」 を導入したいと思います。

  1. Featured Video Plus のインストール
  2. Featured Video Plus のメディア設定
  3. Video(動画)の設定

1.Featured Video Plus のインストール

まず、WordPress の管理画面の左メニューの「プラグイン」 > 「新規追加」 > 「プラグインの追加」 画面のプラグインの検索欄に 「Featured Video Plus」を入力します。

すると、目的のプラグイン 「Featured Video Plus」 がトップに表示されます。

「今すぐインストール」をクリックすると、すぐにインストールが始まります。インストールが完了すると 「今すぐインストール」 ボタンが 「有効化」 ボタンに変わります。

「有効化」 ボタンをクリックすると、

「プラグインを有効化しました。」と表示され、プラグインの詳細の設定をすることが出来るようになりました。

2.Featured Video Plus のメディア設定

管理画面の左メニューの「設定」の中の「メディア」で設定する事が出来ます。

メディア設定

メディア設定で詳細な設定をする事が出来ます。(今回の設定は、デフォルトでの設定です。)

画像サイズ

画像サイズでは、メディアファイルから画像を追加する際、以下でピクセル指定したサイズによって最大寸法が決定されます。

サムネイルのサイズ
中サイズ
中サイズ

大サイズ
大サイズ

ファイルアップロード

アップロードしたファイルを年月ベースのフォルダに整理

Featured Videos

Featured Videos を表示するために、自動置き換えを利用することもでき、[featured-video-plus]-Shortcodeを使うこともできる、または、プラグインのPHP-機能を利用するために、テーマのソース・ファイルを編集することもできます。

ShortcodeとPHPの詳細については、メディア設定の上部にある、「ヘルプ( Contextual Help)」で見ることができます。

Display mode

Replace featured image automatically.

Replace featured image on click.

Open video overlay∗ when featured image is clicked.

(* ビデオオーバーレイとは、コンピュータのディスプレイでビデオ映像を表示する方式の一種で、映像をCPUで1コマずつデジタル化するプロセスを経ずに、ディスプレイに設けた表示枠にはめ込み合成の要領でアナログデータを表示・再生する方式のことである。)

Manual: PHP-functions or shortcodes.

Automatic integration (options 1-3 ) requires your theme to make use of WordPress’ native featured image fanctionality.

Always use replace made when viewing single posts and pages.

Display Conditions

Apply display mode…

 when viewing single posts and pages OR

 when on the post index page OR

 when inside the main query of each page OR

 when displaying sticky posts

 when displaying not sticky posts.

If none of the above options is selected the display mode will be applied whenever possible. (上記のオプションのいずれも選択されない場合は、表示モードが適用されます。)

Video Sizing

Responsive

The responsive setting does not work when using the overlay display mode and might break completly in some themes – in such cases you should use a fixed width instead. (Responsive の設定の時、オーバーレイディスプレイモード設定では、テーマによっては固定幅を使用する必要がある場合があります。)

Video Align (ビデオを配置したい場所の設定)

left

center

right

Legal HTML

By default the video input only accepts oEmbed urls. If you want to insert raw embed codes you need to enable the unsecure HTML here first.

iframe

embed

object

Default Arguments

Not all of the following options might be supported by all providers.

Loop

Always autoplay.

Autoplay when…

…lazy loading videos.

…viewing single posts and pages.

If the owner of a video is a Plus member, some of these settings may be overridden by their preferences.

Hide user’s portrait

Hide video title

Hide video byline

Light theme

White highlight color

Hide YouTube logo

Hide annotations

Hide related videos

Disallow fullscreen

Hide video info

Enable JavaScript API

Highlight color

Hide DailyMotion logo

Hide video info

Hide related videos

Turn HD on by default

以上の設定が完了して、 「変更を保存」 ボタンをクリックして設定を保存します。

3.Video (動画)の設定

メディア設定の保存が完了すれば、次は、いよいよ 動画 をページに表示する設定をします。

管理画面の左メニューの「投稿」の「新規追加」をクリックすると、「新規投稿を追加」画面が表示され、投稿編集画面の右サイドバーの上部に 「Featured Video」 の設定画面が追加されています。

「Featured Video」 の中に 「Video URL」 を入力するためのボックスがあり、表示したい動画ファイルの URL を入力します。

先の「メディア設定」のままで、保存して「プレビュー」してみます。

このように、投稿ページが表示され、タイトル下に動画が中央に設定されています。

以上で、Features Video Plus の設定方法の完了です。

尚、任意の場所に動画を表示したい場合は <iframe> タグを使用して YouTube 動画を表示させることも出来ます。

 

  • LINEで送る

SNSでもご購読できます。