1. TOP
  2. プラグインを使ってワードプレスのブログ記事にYoutube動画を埋め込む方法

プラグインを使ってワードプレスのブログ記事にYoutube動画を埋め込む方法

 2017/02/22 Wordpress設定・全般 Wordpressプラグイン  

「ブログ記事の中にYoutube動画を埋め込みたいな・・」

と思っていませんか?

記事の中に動画を埋め込むのは、およそ1分で完了します。

この記事ではワードプレスプラグインを活用して、記事の中にYoutube動画を埋め込む方法をお伝えしています。

Shortcodes Ultimateをインストールする

まずは「Shortcodes Ultimate」をインストールしましょう。

Shortcodes Ultimate

ワードプレスプラグインのインストール方法は以下の記事を参考にしてください。

ワードプレスプラグインをインストールする全手順

有効化まで完了させておきましょう。

埋め込みたいYoutube動画のURLをコピーする

次に、あなたがブログ記事の中に埋め込みたい動画をYoutubeで選びます。

選択したら、そのページのURLをコピーしておきましょう。

youtube動画のurlをコピー

「高度なYoutube」で埋め込みタグを取得する

次に投稿画面にて、「ショートコードを挿入」をクリックします。

ショートコードを挿入をクリック

次の画面では「高度なYoutube」をクリックします。

※ここで「動画」ではなく、「高度なYoutube」を選ぶのは埋め込んだ動画をレスポンシブにしたりと、様々なカスタマイズをしやすくするためです。

高度なyoutube

「高度なYoutube」をクリックすると、以下の画面で動画を埋め込む際のカスタマイズができます。

いか、それぞれの項目の解説となります。

高度なyoutubeカスタマイズ

まずは、先ほどコピーしておいたURLを入力します。

そして、埋め込む動画のサイズを調整しましょう。

高度なyoutubeカスタマイズ

次に、動画の埋め込みを、スマホでもわかりやすくするために「レスポンシブ」「はい」にしておきます。

「コントロールを表示」では、動画の再生位置や速度などを変更するコントロール画面をなくすことができます。

コントロールの表示・非表示

スキップせずに見て欲しい場合は、「コントロールなし」をオススメします。

「自動的に隠す」では、マウスを動画に当てている時だけコントロールを非表示にすることができます。

高度なyoutubeカスタマイズ

次です。

「自動再生」を「はい」にすると、ページが開かれた瞬間に動画が自動的に再生されます。ブログ記事では「いいえ」を推奨します。

「ループ」を「はい」にすると、動画が最後まで再生された後、もう一度最初から再生されます。

「関連動画」を「はい」にすると、動画が最後まで再生された後に、関連動画が表示されます。これは「いいえ」にしておくことで、記事に集中させることをオススメします。

「フルスクリーンボタンを表示」では動画をフルスクリーンで表示するためのボタンを表示/非表示の設定ができます。

高度なyoutube

この部分は、基本的にいじらなくて結構です。

ただ、「テーマ」に関しては、埋め込んだYoutube動画を白基調にするのか、黒基調にするのかを設定することができます。

あなたのサイトの色合いに合わせて設定して見てください。

プレビュー画面

設定が完了したら、「プレビュー」で確認します。

問題なければ「ショートコードを挿入」をクリックします。

以下のようにショートコードが挿入されていたらOKです。

正しく表示されているか確認する

記事を公開する前に、必ず「プレビュー」を確認しておきましょう。

プレビューで確認

まとめ

以上がワードプレスのブログ記事にYoutube動画を埋め込む方法になります。

他にも方法はあるのですが、より細かいカスタマイズができる方法として、「Shortcodes Ultimate」を活用する方法をオススメしています。

ぜひ動画を埋め込む際の参考にしてみてください。

以下の記事では、YouTubeの埋め込み以外にもブログ記事の中に装飾を施す方法をお伝えしています。ぜひご覧下さい。

ブログ記事に画像を挿入する方法

ブログ記事で表(テーブル)を作成する方法

ブログ記事にGoogleマップを埋め込む2ステップ


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする

関連記事

  • たった3分でワードプレスのトップ画像(ヘッダー)を設定・変更する方法

  • サイドバーを自由自在にデザインできるプラグイン「Black Studio TinyMCE Widget」の使い方

  • All In One SEO Packの使い方をわかりやすく解説します

  • ワードプレスの固定ページをトップページに設定する方法+注意点

  • ワードプレスのナビゲーションメニューを設定・編集する方法

  • 不要なワードプレステーマを削除する方法