ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

【WordPress】YouTubeやデイリーモーションの画像を記事に貼り付ける方法!

      2014/03/30

140105_2301

WordPressにYouTubeやDailymotionなどの動画を記事に貼り付ける方法をご紹介します。画像をアップロードするのと同じくらい簡単なので一度覚えてしまえばあとは楽勝です。

スポンサーリンク

 

YouTube動画の貼り付け方

YouTubeで動画検索して、画面下にある「共有」 > 「埋め込みコード」からコードをコピペします。

140106_2301

 

WordPressのテキストエディタにコードを貼り付けて終了です。

 

Dailymotion動画の貼り付け方

Dailymotionで動画検索して、画面下にある「エクスポート」からコードをコピペします。

140107_0001

 

「パーマリンク」もしくは「埋め込みコードをコピーする」のどちらかのコードをテキストエディタに貼り付けたら終了です。

 

役立つテクニック!

動画を貼り付けるときサイズ調整がありますが、いちいち設定するのは面倒くさいですよね?そんなときはサイトのコンテンツ幅ピッタリに調整してくれるコードがあります。コチラを参照して下さい。
WordPressにビデオ動画を埋め込んでもwindow幅に合わせて自動でリサイズする神ワザ!

これをやるとパソコンで見ても、タブレットで見ても、スマホで見ても、しっかりと調整してくれます。この設定しないとパソコン上では問題なさそうですけど、スマホで見ると動画が横幅からはみ出て横スクロールするはめになります。下にスクロールしたいのに横にいったりしてイライラします!

本当にオススメなので是非ともやってみてください。上記の2動画ともその設定を行っています。

 

注意点

動画を貼り付けるとき著作権侵害しているものもあります。アドセンスサイトにそういった動画を貼り付けていると広告が非表示となってしまう可能性があります。サイトに動画を貼り付けなくても動画へのリンクを貼るのもNGですのでお気をつけて下さい。

 - WordPress


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

medium_3008912290
WordPressをインストールしたら絶対行なうべき6つの設定変更!

お名前ドットコムやムームードメイン、バリュードメインなどのレジストラでドメインを …

140105_2201
【WordPress】画像をアップロードし記事に貼り付ける方法!

WordPressに画像をアップロードして記事に貼り付ける方法をご紹介しておきま …

credit: WingedWolf via FindCC
WordPressサイトのテーマ・テンプレートやプラグインがチェックできるウェブサービス

ウェブサイトやブログを見ていて「このサイトって何のWordPressテーマ使って …

140104_1901
WordPressのパーマリンク設定において最適でオススメな形は?

WordPressをインストールして最初に行なう設定の1つとしてパーマリンクの設 …

medium_9044771759
WordPressのビジュアルリッチエディタとテキストエディタが表示・使用できないときの対処方法

この記事を書く一つ前の記事にてビジュアルリッチエディタとテキストエディタがまった …

medium_8663075893
WordPressの記事公開前に「いいの?」と警告メッセージを表示する方法

WordPressでサイト・ブログを作成しているなら一度は経験したことがあるあれ …

medium_2536017020
無料ブログではなく独自ドメイン(WordPress)を使用する意味!

初めてブログを運営する。こう考えたときに頭に思い浮かぶことはFC2やseesaa …

131212_2138
WordPressのコメント欄をカスタマイズ!メルアド・サイト項目を削除

WordPressのデフォルトのコメント欄って要らない項目を削除することが素人に …

131217_2202
WordPressにビデオ動画を埋め込んでもwindow幅に合わせて自動でリサイズする神ワザ!

WordPressの記事中にyoutube動画を埋め込むときってこんな感じですよ …

131125_2201
hootsuiteでWordPressの更新記事をGoogle+ページに自動で投稿する方法

WordPressの更新記事をGoogle+ページに自動で投稿する方法をご紹介し …