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動画を貼り付けした方が重くならないのでおすすめデスよぅ!

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

急上昇の記事

マシェバラトークラーバー

アプリ

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

2018/08/02    , ,

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

リップスアプリ

アプリ

【LIPS】コスメ・メイク好き女子必見の無料アプリ(リップス)とは…?使い方を徹底調査。

2018/12/06    , ,

  LIPS(リップス)   コスメ・メイク好きが、こぞって利用している無料アプリ LIPS(リップス) 美容系で有名なYouTuber、TikToker、インスタグラマーなどの多 ...

cartuneapp4

アプリ

CARTUNE(カーチューン)車好きが集まるSNSアプリ

2018/07/11    

CARTUNE(カーチューン)   車好きな人が集まるSNSコミュニティアプリのCARTUNE(カーチューン)   今までにも車関連のアプリやSNSといった車好きが集まるコミュニテ ...

女性人気アプリ

アプリ

女性に人気の話題アプリをまとめて紹介 / これがトレンド

2018/12/18    , ,

女性向けに人気のアプリを まとめて紹介!!   スポンサードサーチ ■ 美容系アプリ LIPS(リップス) コスメ・メイク好き女子に人気の 美容アプリです。   最近ではローラさん ...

ホンネアプリロゴ

アプリ

【HONNE(ホンネ)】匿名の悩み相談ができるヒマつぶし無料アプリの使い方

2018/11/27    , , ,

誰か悩みを聞いてぇー 誰でもイイから、かまちょー 相談にのってぇー そんな時にバッチリなアプリ【HONNE】     「みんなの本音、覗きみちゃう」がキャッチフレーズな完全ヒマつぶ ...

アプリ

【ARINE(アリネ)】女性のための美容まとめ無料アプリ。使い方から評判などを解説!

2018/12/03    

キレイになりたい。 可愛くなりたい。 オシャレになりたい。 美容が大好き。 すべての女性の為の、美容アプリ【ARINE(アリネ)】   美容に関する全般(ヘア・メイク・コスメ・ファッション・ ...

よく読まれている記事

-AFFINGER5
-,

Copyright© wright BLOG , 2019 All Rights Reserved.