【Cocoon】YouTubeを埋め込みたい

中級者講座

近年、YouTubeで情報を発信する方が増え、ブログで紹介することが増えました。
今回は、CocoonテーマでのYouTubeの埋め込みについて解説していきます。

YouTubeのURLをそのまま貼る

【方法①】
WordPressの新規投稿の画面で、ビジュアルモードでもテキストでもいいので、YouTubeのURLを貼り付けます。

埋め込みたいYouTubeのURLをコピーします。

そのURLをビジュアルモードでもテキストでもいいので、貼り付ける。

このように表示されました。

YouTubeの「共有」にある「iframe」で埋め込む

【方法②】
YouTubeの「共有」を使って、「iframe」で埋め込む。

埋め込みたいYouTubeの「共有」ボタンを押すと

「埋め込む」を押してください。

このようにコードが表示されますので、「コピー」を押すと、コードがコピーされます。

先ほどコピーしたコードをこちらに貼り付けます。
※テキストモードのみ

このように表示されました。

【方法①】と【方法②】正直、普通に組み込みたい方であればどっちを使っても良いと思います。むしろ【方法①】の方がURLを貼り付けるだけなので簡単でしょう。

しかし、iframeを使うメリットは、埋め込み動画のサイズを調整できるので、細かいレイアウト調整を行いたい方にはこちらを使う方が良いかと思います。

まとめ

YouTubeを埋め込みたい まとめ
  • YouTubeのURLをそのまま貼る
     ビジュアルモード・テキストモードともにOK
  • YouTubeの「共有」にある「iframe」で埋め込む
     テキストモードのみOK。動画サイズ変更時に有効。

いかがだったでしょうか?この記事があなたにとってすてきなワードプレスライフのお役に立てれば幸いです。

タイトルとURLをコピーしました