ハイリンクス

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

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

関連記事

131110_2301
プラグインなしでmoreタグ部分にアドセンス広告を挿入する方法

Google AdSenseの配置でクリックされやすい効果的な配置場所として「記 …

medium_4167966264
初心者さん必読!サーバー契約から記事投稿(WordPress)までの流れ

ウェブサイトを全く作ったことがない人にとっては何から始めていいのか?わからないこ …

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

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

140105_1803
WordPressにテーマ(テンプレート)をインストールする方法!

WordPressの初期インストールされているテンプレートってちょっとだけ見栄え …

131205_2221
【IFTTT(イフト)】WordPressプラグイン不要でTwitterやfacebookに自動投稿する方法

IFTTTは「If This Then That」ということだ!・・・まったく意 …

140419_1704
WordPressで記事ごとに広告表示・サイズを切り替える方法

前回コチラの記事で WordPressでカテゴリーごとに広告表示を切り替える条件 …

140319_2202
これだけ?.htaccessに3行コードを追加するだけでWordPressが高速化!

ボクのサイトは記事数がまだまだ100ページと少なく、画像もTinyPiNGやJP …

131220_2101
Sharebar不要!スクロール追従するソーシャルメディアボタンを実装する方法

サイトを拡散させるためにソーシャルメディアボタンを使用するのはもはや当たり前の時 …

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

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

141118_1904
エックスサーバーからワンクリックでWordPressの表示速度が高速化!

はてブをチェックしていたらこんな記事を発見しました。 レンタルサーバーの速度向上 …