TechieTalks

YouTubeを貼り付ける：おすすめプラグイン

—

by

matu
in

詳細情報

Twenty Twenty-FourでYouTubeを貼り付ける：おすすめプラグインと詳細情報

Twenty Twenty-Fourは、シンプルで多目的なWordPressテーマとして人気があります。しかし、デフォルトの機能ではYouTube動画を簡単に貼り付けることができません。そこで今回は、Twenty Twenty-FourでYouTube動画を貼り付けるのに便利なプラグインを5つ紹介し、それぞれの特徴とおすすめのポイント、さらに詳細な情報と例を追加していきます。

1. WP YouTube Lyte

概要:

  • 軽量で高速読み込みが特徴
  • 複数の動画をまとめて埋め込むことができる
  • ショートコードやGutenbergブロックで簡単に挿入
  • 詳細な設定オプションでカスタマイズ性が高い
  • 無料版と有料版があり、有料版ではさらに多くの機能が利用可能

詳細情報:

  • 軽量設計: 他のプラグインと比べて軽量な設計なので、サイトの読み込み速度を低下させません。
  • サムネイルカスタマイズ: 動画のサムネイル画像を自由にカスタマイズできます。
  • 自動再生設定: 動画の自動再生を設定できます。
  • 詳細な分析機能: 動画の視聴回数や再生時間などの分析データを閲覧できます。（有料版）

例:

  • 複数の製品紹介動画をまとめてギャラリー形式で表示したい場合
  • 記事内に関連動画を複数挿入したい場合
  • 動画の自動再生を設定して、視聴者の利便性を向上させたい場合

2. Embed Plus for YouTube

概要:

  • ギャラリーやプレイリスト機能が充実
  • チャンネルページや検索結果を埋め込むことができる
  • 動画の自動再生やミュート設定が可能
  • ソーシャルメディア共有ボタンを追加できる
  • デザインを自由にカスタマイズできる

詳細情報:

  • ギャラリーレイアウト: 様々なギャラリーレイアウトから選択できます。
  • プレイリスト再生: 作成したプレイリストを簡単に埋め込むことができます。
  • チャンネルページ埋め込み: チャンネルページ全体を埋め込んで、チャンネル登録を促すことができます。
  • 詳細なデザイン設定: 動画のサイズや色、ボーダーなどを自由に設定できます。

例:

  • 複数の動画をギャラリー形式で美しく表示したい場合
  • チャンネル全体を訴求して、チャンネル登録を増やしたい場合
  • 動画の自動再生やミュート設定を利用して、視聴者体験を向上させたい場合

3. Video Gallery – YouTube Gallery

概要:

  • サムネイル画像を使ったギャラリーを作成できる
  • カテゴリ分けや並べ替え機能が便利
  • 複数のレイアウトから選択可能
  • レスポンシブデザインで様々なデバイスに対応
  • 無料版と有料版があり、有料版ではさらに多くの機能が利用可能

詳細情報:

  • カテゴリ分け: 動画をカテゴリごとに分類して管理できます。
  • 並べ替え機能: 動画を視聴回数や投稿日順などに並べ替えることができます。
  • グリッドレイアウト: 動画をグリッド形式で表示できます。
  • ライトボックス表示: 動画をクリックすると、ライトボックス形式で表示できます。

例:

  • 多くの動画を整理して、見やすく表示したい場合
  • カテゴリ別に動画を分類して、ユーザーが目的の動画を見つけやすくしたい場合
  • 動画をグリッド形式で並べて、スタイリッシュなギャラリーを作成したい場合

4. Widget Responsive for Youtube

概要:

  • サイドバーやウィジェットエリアにYouTube動画を埋め込める
  • レスポンシブデザインで様々なデバイスに対応
  • 再生リストやチャンネルページも表示可能
  • シンプルで使いやすい

詳細情報:

  • サイドバー埋め込み: サイドバーに動画を埋め込んで、常に動画を表示することができます。
  • ウィジェットエリア埋め込み: ウィジェットエリアに動画を埋め込んで、ページレイアウトを自由にカスタマイズできます。
  • レスポンシブデザイン: スマートフォンやタブレットなどの様々なデバイスで動画を綺麗に表示できます。

例:

  • サイドバーに関連動画を常に表示して、ユーザーの興味関心を高めたい場合
  • ウィジェットエリアを利用して、ページの特定の場所に動画を埋め込みたい場合
  • レスポンシブデザインで、様々なデバイスで動画を快適に視聴できるようにしたい場合

5. ARVE (Advanced Responsive Video Embedder)

概要:

  • YouTubeだけでなく、VimeoやDailymotionなど様々な動画サイトに対応
  • ショートコードやGutenbergブロックで簡単に挿入
  • 詳細な設定オプションでカスタマイズ性が高い
  • 無料版と有料版があり、有料版ではさらに多くの機能が利用可能

詳細情報:

  • 対応動画サイト: YouTube以外にも、Vimeo、Dailymotion、Facebook、Instagramなどの動画サイトに対応しています。
  • ショートコードカスタマイズ: ショートコードを使って、動画のサイズや色、ボーダーなどを自由に設定できます。

WP YouTube Lyte

WP YouTube Lyte を使う手順

WP YouTube Lyte は、WordPressでYouTube動画を簡単に貼り付け、サイトの読み込み速度を向上させることができるプラグインです。

手順:

1. プラグインのインストールと有効化

  1. WordPress管理画面にログインします。
  2. 左サイドメニューから「プラグイン」>「新規追加」を選択します。
  3. 検索バーに「WP YouTube Lyte」と入力し、検索結果から「WP YouTube Lyte」を選択します。
  4. 「今すぐインストール」ボタンをクリックし、インストールします。
  5. インストールが完了したら、「有効化」ボタンをクリックしてプラグインを有効化します。

2. 動画の埋め込み

  1. 動画を埋め込みたい投稿やページの編集画面を開きます。
  2. Gutenbergブロックエディタの場合は、ブロックリストから「WP YouTube Lyte」ブロックを選択します。
  3. クラシックエディタの場合は、ショートコードを使用します。

Gutenbergブロックエディタの場合:

  1. 「WP YouTube Lyte」ブロックを挿入します。
  2. 「URL」フィールドに、YouTube動画のURLを貼り付けます。
  3. 必要に応じて、以下のオプションを設定できます。
    • タイトル: 動画のタイトルを表示するかどうかを選択します。
    • サムネイル: 動画のサムネイル画像を表示するかどうかを選択します。
    • 自動再生: 動画を自動再生するかどうかを選択します。
    • ミュート: 動画をミュート状態で再生するかどうかを選択します。
    • サイズ: 動画のサイズを選択します。
    • アスペクト比: 動画のアスペクト比を選択します。
    • カスタム CSS: 動画のスタイルをカスタマイズするためのCSSコードを入力できます。

ショートコードの場合:

  1. 以下のショートコードを投稿やページに挿入します。
[wp_youtube_lyte url="動画のURL" options="オプション1, オプション2, ..."]
  1. 動画のURL を、埋め込みたいYouTube動画のURLに置き換えます。
  2. オプション は、以下のオプションをカンマ区切りで指定できます。
    • title: 動画のタイトルを表示する
    • thumbnail: 動画のサムネイル画像を表示する
    • autoplay: 動画を自動再生する
    • mute: 動画をミュート状態で再生する
    • width: 動画の幅をピクセル単位で指定する
    • height: 動画の高さをピクセル単位で指定する
    • aspect_ratio: 動画のアスペクト比を指定する (16:9, 4:3など)
    • custom_css: 動画のスタイルをカスタマイズするためのCSSコードを指定する

3. 設定

  1. WordPress管理画面から「設定」>「WP YouTube Lyte」を選択します。
  2. 以下の設定項目を設定できます。
    • デフォルトのサイズ: 動画のデフォルトのサイズを設定します。
    • デフォルトのアスペクト比: 動画のデフォルトのアスペクト比を設定します。
    • 自動再生: 動画を自動再生するかどうかを設定します。
    • ミュート: 動画をミュート状態で再生するかどうかを設定します。
    • サムネイル: 動画のサムネイル画像を表示するかどうかを設定します。
    • 詳細な分析: 動画の視聴回数や再生時間などの分析データを有効にするかどうかを設定します。（有料版）

4. その他

  • WP YouTube Lyte は、ショートコードやGutenbergブロック以外にも、テンプレートタグを使って動画を埋め込むこともできます。
  • 詳細については、WP YouTube Lyte の公式ドキュメント https://wordpress.org/support/plugin/wp-youtube-lyte/ を参照してください。

WP YouTube Lyte を使うことで、YouTube動画を簡単に貼り付け、サイトの読み込み速度を向上させることができます。ぜひ試してみてください。