AFFINGER5

WordPressでYoutube動画を貼り付ける方法/アフィンガー5(WING)

2018-07-18

動画の貼り付け方法アイキャッチ

WordPressのブログ記事投稿で、Youtube動画を貼り付け・埋め込む手順をご紹介していきます。

 

WordPressでYoutube動画を貼り付ける方法は、直接貼り付ける方法やプラグインを使用する方法など何通りかあります。

 

この記事では、プラグインを使わないでYoutube動画をWordPressブログに貼り付けする方法を解説していきます!ちなみに、このブログサイトはWordPressのアフィンガー5(WING)のテーマを使用しているので、アフィンガー5用のYouTube動画の貼り付け手順も一緒に解説していきます!

 

動画は、2018月8月3日公開『ミッション:インポッシブル/フォールアウト』本予告

 

 

スポンサードサーチ

YouTube動画をWordPressに貼り付ける手順

 

その1:ページ丸ごと貼り付ける

動画貼り付け

YouTubeの動画ページをそのままリンクで貼り付ける方法です。普通にページのURLをコピーしてリンク設定するだけです。

この場合は、どんな動画が貼り付けされているのかリンクをクリックするまで不明となります。

こんな感じです。https://www.youtube.com/watch?v=iFnKf-zh7ZM

 

 

 

その2:YouTubeの共有からURLをコピー

動画貼り付け2

 

貼り付けしたいYouTube動画の『共有』をクリックします。すると、この画面が表示されるのでURLをコピーします!こんな感じね

 

動画貼り付け3

 

コピーしたURLをそのまま、WordPressのブログ投稿画面上の貼り付けしたい箇所に貼り付けすればOK!「ビジュアル」で貼り付けすると、プレビュー画面や記事を公開した場合に実際の貼り付けした形を確認する事ができます。

テキスト」から貼り付けすると、「テキスト」⇒「ビジュアル」に切り替えれば、実際の動画を確認する事が可能です。

 

結果どちらからでも一緒なので、やり易い方法でどーぞー!

 

その1の貼り付け方法とは異なり、YouTube動画自体が埋め込まれた状態で確認が可能となります。

その2の手順でYouTube動画を貼り付けするとこんな感じ

 

 

 

 

その3:YouTube動画の埋め込みコードを使う

動画貼り付け4

 

その2の手順と同じで、貼り付けしたいYouTube動画の画面で「共有」をクリック。次に「埋め込む」をクリックします!すると埋め込み専用のコードが表示されます。こんな感じね

 

YouTube動画

 

埋め込み用のコードが表示されますが、最初に①を設定しましょう。①でチェック項目を外したり追加すると埋め込みコードが自動で変更してくれるので、好みの設定を行って②の埋め込みコードをコピーします。その3の手順で埋め込みコードをコピーして貼り付けすると、こんな感じです

この手順でYouTube動画を貼り付けする場合は、WordPress投稿記事内の「テキスト」に貼り付けしてください。「ビジュアル」に貼り付けしても動画は埋め込まれません。

 

 

 

 

その4:アフィンガー5(WING)でYouTube動画を貼り付け

YouTube動画2

 

WordPressテーマのAFFINGER5(アフィンガー5)WINGでYouTube動画を貼り付けする方法です。

 

手順は上記その2手順と同じで、貼り付けしたいYouTube動画の画面から「共有」をクリックして動画のURLを表示させます。

 

表示したYouTube動画URLの「https://youtu.be/」以降のURLをコピーします。この場合は「iFnkf-zh7ZM」の部分。この部分です

 

YouTube動画3

 

この「iFnkf-zh7ZM」の部分だけコピーします。

次にブログ投稿記事で「タグ」から「YouTube」を選択。するとショートコードが表示されます。こんな感じのコードね

「youtube id=」

この「id=」の後にコピーした「iFnkf-zh7ZM」を貼り付けします。

その4手順で貼り付けすると、こんな感じでYouTube動画が貼り付けされます

 

 

この手順だとYouTube動画をブログ内に画像として貼り付け。画像リンクでYouTubeへ飛ぶ方法となります。

 

 

 

その5:サイズや再生時間のカスタマイズ

サイズ変更方法

貼り付け・埋め込みした動画のコードを「テキスト」から確認します。

「width」が動画の横幅

「height」が動画の高さ

この2か所を好みで変更すれば、自分のブログに適した動画サイズに変更が可能です。デフォルトでは「width=560」「height=315」に設定してあります。YouTube動画のサイズ変更は必ず同じ割合『16:9』で変更してください。

 

再生時間の調整

YouTube動画のスタートさせる時間を好みで選択できます。

動画のURLをコピーする際に開始位置の時間帯を好みで変更します。この部分です

YouTube動画貼り付け

 

赤枠内の開始位置にチェックをいれて、希望の開始時間を入力します。時間位置を入力するとURLが自動で変更されるので、変更したURLをコピーして貼り付けします。

 

埋め込みの場合も手順は同じでYouTube動画の埋め込みコードの少し下に赤枠内と同じ「開始位置」の項目があるので、任意の開始時間を入力してからコードをコピーします。

 

開始位置を「0:15」で設定すると、こんな感じです

 

 

 

 

その6:まとめ

YouTube動画をWordPressで貼り付けする手順を解説させて頂きました。

自分で撮影した動画を貼り付けするより、YouTube動画を貼り付けした方が重くならないのでおすすめデスよぅ!

参考にしてもらえればと思います!

急上昇の記事

トークライバー画像

アプリ

【マシェLIVE・トークアプリ】配信用ライバーで気軽にお小遣い稼ぎ!

【女性必見】 お小遣い稼ぎが出来ちゃう。マシェLIVEトークアプリをご紹介!   ライブ配信で、報酬ゲット! ってゆーアプリです。   使い方や、どんなアプリなのかを徹底解説してい ...

ライブアプリ

アプリ 比較・まとめ

【2020年】最新の稼げるライブ配信アプリはどれ?

2020年11月現在、コロナ禍の影響もあり、自宅にいながらお小遣い稼ぎが可能なライブ配信アプリが物凄い勢いで普及しています。お小遣い稼ぎや副業としてアプリに参加している『ライバー』増えている一方で、自 ...

ビゴライブロゴ

アプリ

【BIGO LIVE】ビゴライブとは?稼げるライブ配信アプリの使い方を徹底攻略!

2020/11/27    , ,

ライブ配信アプリの中でも 稼げるライブ配信優秀なアプリ使いやすい操作が簡単 などと評判の良い 【BIGO LIVE】(ビゴライブ)   最近とにかくビゴライブの噂を耳にするので、どんなライブ ...

ショッピファイの公式サイト

インターネット

最近噂のShopify(ショッピファイ)とは…?使い方から費用まで

最近話題の『Shopify(ショッピファイ)』   皆様ご存じですか?   名前は聞いた事があるけど、細かいことまで知っているって人はまだまだ少ないのではないでしょうか・・・ &n ...

イリアムのロゴ

アプリ

人気でハマる人が続出…?ライブ配信アプリの【IRIAM】イリアム

2020/12/2    ,

誰でもキャラクターになってライブ配信を行うコトができる   【IRIAM】イリアム   一般的なよくあるライブ配信アプリでは、ライブ配信者が自分の顔をスマートフォンにかざして、テレ ...

よく読まれている記事

-AFFINGER5
-,

© 2021 wright BLOG