デイリーモーション埋め込みをスマホ対応と中央寄せにする方法!

スクリーンショット 2016-03-01 10.20.51

 

今回はデイリーモーションの動画をワードプレスサイトで埋め込んだ時に中央寄せにする方法と同時にスマホ対応にする方法を解説していきます。

デイリーモーションの動画を埋め込む方法は下記からどうぞ

関連記事:デイリーモーションの動画を埋め込む方法

 

中央寄せ&スマホ対応にしよう!!

 

デイリーモーションの動画をワードプレスサイトに埋め込んだ時に中央寄せ&スマホ対応にするやり方はYouTubeの埋め込みの時と同じなので簡単にできてしまいます。

 

まず中央寄せ&スマホ対応しないで表示すると以下のようになります。

 

スクリーンショット 2016-03-01 10.18.16

 

パソコンの方は中央になっていないだけで全画面表示になっていますが、スマホは完全に表示が崩れてしまっていますね。

これをきれに中央寄せ&スマホ対応にしていきます。

 

やり方はデイリーモーションの埋め込みコードの前後に下記のコードを入れるだけです。

 

<div class=”v-wrap”><div style=”text-align: center;”>埋め込みコード</div>

 

効率よくできるようにAddQuicktagでボタンにしておくといいです。

 

すると以下のようにきれいに表示できます。

 

スクリーンショット 2016-03-01 10.18.24

 

パソコンでは中央寄せになり、スマホではちゃんと全画面表示になっています。

 

簡単なのでぜひやってみてください!

 

⇒Dailymotion攻略まとめページへ戻る

副業から月収10万円以上を安定的に稼ぐ力を身につける無料メルマガ講座

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-10-16-37-15

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

コメントを残す

自己紹介・挨拶がないコメントに関しては返答を控えさせて頂きます。
サブコンテンツ

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

キラの公式LINE@

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-29-7-40-42

このページの先頭へ