初心者ガイド

WordPressの記事内にYouTubeの動画を挿入する時にサイズも指定する

large_4481461680
photo credit: Rego - d4u.hu via photopin cc

WordPressの投稿記事で【YouTubeの動画】を挿入するには、URLを直接エディタに入力するだけで、YouTubeの動画を貼り付けることが出来ますが、幅や高さを指定して動画を挿入したいと時もあります。
そのような時に利用するのが、[embed]というショートコードです。
こちらのショートコードを利用すれば、幅と高さを指定して動画を表示することが出来ます。

[embed]ショートコードの利用方法

利用方法は、下記のコードを投稿編集画面のエディタに記載します。
URLの部分や幅などは、ご自身の環境に合わせて変更して下さい。

[embed width="幅" height="高さ"]http://youtu.be/HnkwxCnddX8[/embed]
youtube-embed

上記の画像のようなコードの場合は、下記の動画のように表示されます。

あんまり僕自身は、動画を貼り付ける機会など無いですが、覚えておくと便利なショートコードなんじゃないかな~と思います。
この記事書いている時に、例えば、レスポンシブのサイトでYouTubeの動画の幅を700pxなんかで表示させた場合って、絶対スマホで見るとおかしくなるよねーとか思いましたので、次回はショートコードを使ってレスポンシブにも対応したYouTubeの表示方法なんかを書きたいと思います。
あっ、上記の動画は、昼間にいつも聞いている作業用BGMですwww

こちらの記事をシェアする

こちらの記事があなたのお役にたちましたら、シェアしていただけますと大変嬉しく今後のブログ更新の糧となりますのでどうぞよろしくお願いします。(^^♪

About

Glow-Facotryでは、無料・有料のWPテーマを配布・販売サイトです。また、Web関連やWPの記事・日常的(ゲームも)なことをブログを利用して発信して行きたいと思っております。
よかったら下記のフォローをお気軽にお願いします。

関連記事

コメント

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PREVIOUS origin_3509154032

【WPプラグイン】Jetpackの自動ではき出すOGPタグを削除する

NEXT polygon

無料でダウンロード出来る高品質なポリゴン背景