ハイリンクス

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

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

関連記事

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

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

medium_6040687408
サーバーを使用してWordPressをドメインに自動インストールする方法

サイトを運営するにあたってWordPressというのはとても優れものです。無料ブ …

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

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

140110_1801
【Mobilizer】スマホ表示をPCで確認できるフリーエミュレーターソフト

Mobilizerはスマートフォンで表示されるサイトをパソコン上で簡単に確認でき …

131220_2102
WordPressでソースコードをファイル毎に分けて管理する方法!これは断然ラク!

WordPressをインストールしたらデフォルト設定のまま使用するってことは(た …

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

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

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

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

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

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

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

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

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

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