WordPressにYouTube動画をリスト表示するプラグイン「YourChannel」の設定方法

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

ブログサイトにYouTubeの動画サムネイルのリスト表示をしたい場合『YourChannel』というプラグインを使うことで可能になります。

下記の赤枠のような感じです▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

このように表示されることでブログに訪れてきてくれた方に動画も興味を持ってもらえる動線を作りやすくなるので、ブログ以外にYouTubeも精力的に発信している方はぜひ導入してみてください。

今回は設定方法を紹介していきます!

WordPressにYouTube動画をリスト表示する方法

では『YourChannel』のプラグインをインスト-ルしていきます。

ダッシュボード画面の『設定』→『YourCannel』を選択すると設定画面が開きます▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

YourChannelの設定にはAPI KEYYouTubeのチャンネルIDがマストで必要になります。

API KEYの取得についてはこちらをご参照ください▼

YouTubeチャンネルIDの確認

YouTubeのチャンネルIDは『右上アイコン』から『設定』を選択します▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

 

画面が切り替わるので『詳細設定』を選択▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

すると

  • YouTubeユーザーID:
  • YouTubeチャンネルID:

の2つのIDが表示されているのでチャンネルIDの方をコピーしてWordPressに戻りYourChannelの項目に貼り付けます▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

API KEYとYouTubeチャンネルIDを取得して入力したら一度保存します。

ショートコードを貼り付ける

保存するとShortcodeが作成されるのでコピーします▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

 

コピーしたショートコードを固定ページやサイドバーなどのウィジェットに貼り付けます▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

 

するとこのように表示されます▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

これがデフォルト設定した場合のリスト表示になります。

YourChannelカスタマイズ機能紹介

ここからさらに表示設定をカスタマイズできるので紹介していきます。

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

◆Cache Refresh

更新頻度の時間を設定できます。

 

◆Show

表示設定です。以下の3つを選べます。

 

・videos
投稿動画を表示します。

・Playlists
動画のプレイリストを表示します。

・Banner
YouTubeチャンネルのバナーを表示します。

 

◆Style
下記に詳細設定記載

 

◆Videos missing

動画が無い場合のみチェックを入れます。

 

◆Videos per load

表示する動画の数を決めます。

 

◆Max Videos

最大動画表示本数を決めます。

Style設定

Style設定の詳細です▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

◆Style

Grid表示かList表示を選べます。

 

◆Thumb size

サムネイルサイズをSmallかLargeで選べます。

 

◆Meta

動画のメタ情報(タイトルなど)をどこの位置に表示させるか選べます。

 

◆Show Description

動画の説明の表示の有無を決めます。

 

◆Gutter

動画の間隔を調整できます。

 

◆Play icon

動画サムネイルに再生ボタンの表示方法を指定できます。

 

◆Player

クリック時の動画再生方法を選択できます。

 

◆Sticky Player

チェックをいれると動画再生時に画面をスクロールに追従させるこができます。

 

◆Title

チェックを入れると動画タイトルを1行表示になり、外すと全文表示になります。

以上がYourChannelの設定方法になります。

ちなみにStyle設定以外は下記にプレビュー表示されているのでそちらを確認しながら設定するとわかりやすいです▼

WordPress,YouTube,動画,リスト,プラグイン,YourChannel

また、Style設定もSaveしながらどのような変化があるかチェックしてみましょう。

最後に

通常ブログサイトなどにYouTubeを表示させるには動画単体の埋め込みかサイドバーにチャンネル登録ボタンを表示するかなどが主流でしたが、

このようにYouTubeマイチャンネルのリスト表示ができると配信している動画の雰囲気も伝わるので、よかったら取り入れてみてください!


g_001  

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です