ハイリンクス

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_4167966264
初心者さん必読!サーバー契約から記事投稿(WordPress)までの流れ

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

131206_2304
【Recommendation Bar】いいね!の多い記事が表示されるfacebook公式プラグイン

Recommendation Barは表示されている記事の下に、いいね!が押され …

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

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

140105_1903
Google Analytics(アクセス解析)をWordPressに導入する方法!

サイトを運営するにあたってアクセス解析は必ず導入しておきましょう。いつ誰がどんな …

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

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

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

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

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

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

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

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

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

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

131129_2201
【zenback】サイトへのアクセス数がアップ↑する魔法のブログパーツ

zenbackはサイト・ブログの記事下・サイドバーに設置することで、関連記事やソ …