シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressにYouTubeの動画を埋め込む方法

WordPressにYouTube動画を埋め込む方法(3つの簡単な方法) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

私は、チュートリアルやブログ記事への補足的な文脈の追加など、WordPressサイトでYouTubeの埋め込みを常に使用しています。WordPressにYouTubeの動画を埋め込む一番早い方法は、動画のリンクをエディタに貼り付けることで、すぐに表示される。

このガイドでは、サイドバーへの動画の追加、カスタム動画ページの作成、さらにはコードに触れることなく完全なランディングページを構築する方法など、私が頼りにしている他のオプションに加え、その迅速な方法を紹介する。

お好きな方法にジャンプしてください:

WordPressでYouTube動画を投稿できるか?

WordPressにYouTubeの動画を投稿するには、エディタに動画のリンクを直接貼り付けます。

プラグインを使えば、YouTubeの動画をサイトの他の部分に配置することもできます。例えば、最高のWordPressプラグインを使えば、ランディングページ、サイドバー、ウィジェット、カスタムレイアウトに動画を簡単に追加することができます。

なぜWordPressにYouTube動画を埋め込むのか?

WordPressにYouTubeの動画を埋め込むと、コンテンツがより魅力的になり、訪問者の滞在時間が長くなり、SEO対策にもなります。大きな動画ファイルをアップロードする代わりに、YouTubeから直接ストリーミングすることができ、サイトの速度に影響を与えません。

主なメリットは以下の通り:

  • 常に最新:YouTubeでビデオを編集したり、差し替えたりすると、埋め込まれたバージョンはあなたのサイトで自動的に更新されます。
  • エンゲージメントの向上:動画はテキストだけよりも分かりやすく、複雑なアイデアを素早く説明できる。
  • SEOの向上:長い視聴時間は、あなたのコンテンツが高品質で適切であることをGoogleに知らせる。
  • 高速でモバイルフレンドリー:YouTubeの動画は、ホスティングの帯域幅を使用することなく、どのデバイスでも素早く読み込まれます。
  • チャンネルの成長:エンベッドはYouTubeチャンネルを宣伝し、より多くのチャンネル登録者と広告収入をもたらします。

ということで、初心者のためにWordPressにYouTube動画を追加する3つの簡単な方法を見ていきましょう。

方法1.WordPressにYouTube動画を自動埋め込みする方法

前述したように、WordPressには、埋め込みコードをコピーしたり貼り付けたりすることなく、YouTube動画を自動的に埋め込むことができる機能がある。この自動埋め込み機能は、WordPressのどの投稿やページにも対応し、YouTube動画のリンクを貼り付けるだけです。

まず、埋め込みたい動画のURLを見つけてコピーする必要があります。YouTubeの動画の「共有」ボタンをクリックし、表示される動画のリンクをコピーすればOKです。

YouTubeのビデオリンクをコピーする

ウェブブラウザのアドレスバーからリンクをコピーすることもできます。

リンクを手に入れたら、WordPressのウェブサイトにアクセスし、新しい投稿を編集または追加します。WordPressのエディターの中に、コピーしたYouTubeのリンクを貼り付けるだけで、自動的に埋め込まれるはずです。

WordPressにYouTube動画を自動埋め込みする方法

では、投稿を更新または公開し、変更を保存してください。

YouTubeの動画をWordPressの投稿に表示した例。

これらの手順は、WordPressのページにYouTubeの動画を埋め込むために機能します。自動埋め込みは、ブロックエディタ(Gutenberg)でもクラシックエディタでも機能します。

WordPressのサイドバー(ブロックエディタ)にYouTube動画を追加する

WordPressのサイドバーにYouTubeの動画を追加する方法は、使用しているテーマによって若干異なります。

あなたのサイトがWordPressサイトエディタを使用するテーマを使用している場合、外観 " エディタ " テンプレートに向かい、サイドバーが付属しているテンプレートを見つける必要があります。この場合、テンプレートは「サイドバー付きページ」と呼ばれます。

サイドバー・テンプレート付きWordPressサイト・エディター・ページ

テンプレートを編集し、サイドバーエリアを探します。ここでプラスアイコンをクリックし、YouTube埋め込みブロックを探します。

WordPressのYouTube埋め込みブロックを追加する

YouTubeブロックを見つけたら、クリックしてサイドバーに追加します。動画のURLを貼り付けて、埋め込みボタンをクリックします。

YouTubeブロックに動画リンクを貼り付ける

WordPressは以前と同じように、新しいブロックに自動的に動画を埋め込みます。

WordPressのサイドバーにYouTube動画を表示

WordPressのサイドバー(ウィジェット)にYouTube動画を追加する

サイトエディタを使用しないWordPressテーマを使用している場合、代わりにWordPressのウィジェットインターフェースを使用することができます。例えば、Astraテーマを使用している場合、WordPress管理画面から外観 " ウィジェットにアクセスして、サイドバーにウィジェットを追加することができます。

そこから、YouTubeブロック、カスタムHTMLブロック、またはショートコードを使用して、サイドバーに独自の動画を埋め込むことができます。

WordPressのサイドバーにYouTube動画を埋め込むウィジェット

ただし、HTMLブロックを使う場合は、iframeとHTMLコードを自分でコピー&ペーストする必要がある。

カスタムHTMLブロックへのYouTube動画埋め込みコード

方法2.ページ・ビルダーを使ってWordPressにYouTube動画を埋め込む方法

現在、多くのWordPressウェブサイトでは、開発者を雇う手間をかけずにサイトをカスタマイズするためにページビルダーを使用しています。ページビルダーを使えば、CSSやHTMLのコーディングなしで、ページ要素をドラッグ&ドロップしてサイトのデザインを強化し、変更をリアルタイムで確認することができます。

ページビルダーの使用を検討している場合、YouTubeの埋め込みをどのように扱うのか疑問に思うかもしれない。実はとても簡単で、数回クリックするだけです。

最高のドラッグ&ドロップWordPressウェブサイトビルダーの一つであるSeedProdを例にしてみましょう。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdを使用すると、コードの1行に触れることなく、カスタムWordPressテーマやページレイアウトを作成することができます。また、WordPressブロックを使えば、あらゆる種類のコンテンツを素早く簡単にページに追加することができます。

SeedProdを使用してWordPressにYouTube動画を埋め込むには、単一のVideoブロックまたはVideo Pop Upブロックの2つの方法があります。

SeedProdビデオブロック

SeedProdビデオブロックでYouTubeビデオを埋め込む

動画ブロックでは、動画の種類ドロップダウンから「YouTube」を選択し、「YouTube URL」フィールドに動画のリンクを貼り付けるだけです。そこから、動画の幅、配置、間隔などを調整できます。

SeedProdビデオブロックの設定

Video Pop Up'ブロックを使えば、YouTubeの埋め込みでもっといろいろなことができます。

YouTubeを動画ソースとして選択し、動画のURLを貼り付けた後、動画の開始時間と終了時間を設定し、さまざまな設定タブを展開してさらにカスタマイズすることができます。

SeedProdビデオポップアップブロック設定

注:このブロックはVimeoの動画を埋め込むのにも使えます。

例えば、「ビデオ・オプション」タブでは、自動再生、ミュート、ループ、プレーヤー・コントロールの表示、プライバシー・モードの有効化、レイジー・ロード、終了画面の関連ビデオのカスタマイズなど、さまざまなトグルを有効にすることができる。

SeedProdの動画ポップアップブロックの動画オプションタブ

スティッキービデオを有効にするオプションもあります。このオプションを有効にすると、サイトのフロントエンドにYouTubeの小さなポップアップ動画が表示されます。ユーザーがページをスクロールすると、動画は画面の下に張り付き、より良いユーザー体験を提供します。

SeedProdの動画ポップアップブロックでYouTube動画を埋め込む

画像オーバーレイ]タブを展開し、オプションを有効にすると、YouTube動画のサムネイルと再生アイコンのカスタマイズができます。ここでは、カスタムサムネイル画像をアップロードし、画像の幅と高さを設定することができます。

動画ポップアップ・ブロックの画像オーバーレイ・オプション

さらに、カスタム再生アイコンを選択して、ユーザーに動画の視聴を促すこともできます。このオプションでは、アイコンの変更、色の選択、アイコンのサイズと不透明度の設定ができます。

動画ポップアップブロック再生アイコン設定

最後に、動画ポップアップブロックでは、ライトボックスポップアップオプションを有効にできます。そうすれば、ユーザーは邪魔にならないフルスクリーンの動画ポップアップで大きな動画バージョンを開くことができます。

ビデオブロック YouTube ライトボックス ポップアップ

要するに、WordPressにYouTube動画を埋め込むためにページビルダーを使用すると、自動埋め込み機能では不可能な、動画の見た目やパフォーマンスのコントロールが可能になります。

完全なステップバイステップガイドについては、WordPressに動画を埋め込む方法についてのチュートリアルをご覧ください。

方法3.WordPressにYouTube動画フィードを埋め込む方法

このガイドで取り上げる最後の方法は、YouTubeプラグインを使ってWordPressにYouTube動画のフィードを埋め込む方法です。これは、より多くの可視性を提供することができる多くのビデオを持つコンテンツクリエイターに最適です。

例えば、ライブストリーミングを行う場合、録画のフィードをウェブサイトに埋め込み、ファンが再視聴できるようにすることができます。また、ウェブサイトを定期的に動画コンテンツで更新し続けるのにも最適です。

WordPressにYouTubeのプレイリストやライブストリームを埋め込む

そのためには、Smash BalloonのYouTube Feed Proプラグインを使用することをお勧めします。WordPressのYouTube動画ギャラリープラグインの中でもトップクラスのプラグインで、YouTube動画をカスタム動画ギャラリーに埋め込むことができます。 

Smash Balloon YouTube Video Pro プラグイン

このプラグインを使えば、新しい動画を自動的にインポートしたり、動画フィードを組み合わせたり、ライブストリームを一覧表示したり、YouTubeプレイリストを埋め込んだりすることができます。さらに、すべての動画フィードには、いいね!ボタン、共有ボタン、コメント、リアクションが動画ウィジェット内に含まれています。

スマッシュ・バルーン埋め込みYouTube動画配信例

Smash Balloonは、フィード埋め込み用の無料プラグインや、他のソーシャルメディアコンテンツを埋め込むためのプラグインも提供しています。

もっと詳しくお知りになりたい方は、YouTubeフィードをウェブサイトに追加する方法をご覧ください。

WordPressでYouTube動画を配信する際のFAQ

WordPressでYouTubeの動画を投稿できますか?
YouTubeのリンクをWordPressのエディタに直接貼り付ければ、投稿やページに自動的に動画を埋め込むことができます。また、プラグインやページビルダーを使って、サイドバーやウィジェット、ランディングページに動画を追加することもできます。
プラグインを使わずにWordPressにYouTube動画を埋め込むには?
基本的な埋め込みにはプラグインは必要ありません。YouTubeのリンクをコピーしてWordPressのブロックエディターに貼り付けるだけです。WordPressが自動的に埋め込み動画に変換します。
YouTubeの動画がWordPressに埋め込めないのはなぜですか?
動画が埋め込めない場合は、YouTubeのURLを(短縮リンクではなく)完全に貼り付けたかどうか、WordPressのキャッシュをクリアしたかどうか、埋め込みブロックがお使いのテーマでサポートされているかどうかを確認してください。
YouTubeのプレイリストをWordPressに埋め込むことはできますか?
はい。YouTubeからプレイリストのURLをコピーし、1つの動画と同じようにエディタに貼り付けてください。WordPressは完全なプレイリストプレーヤーを表示します。

WordPressにYouTubeの動画を埋め込む

WordPressにYouTube動画を埋め込む方法について、このガイドがお役に立てれば幸いです。さあ、次はあなたのウェブサイトを魅力的なYouTube動画コンテンツで変身させる番です。

YouTubeチャンネル・ランディングページの作り方をステップ・バイ・ステップでご紹介します。

また、以下のWordPressプラグインガイドも参考になるでしょう:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。