し込みブログ作成ツールソフトお問い合わせサイトマップホームWordPressWordPressはレスポンシブ対応でもYouTubeがレスポンシブ対応でない時の対策WordPressはレスポンシブ対応でもYouTubeがレスポンシブ対応でない時の対策WordPressで記事を書くとき、YouTube動画を貼り付けた経験は誰にもあるでしょうネ!テンプレートがレスポンシブ対応だからYouTubeもレスポンシブ対応になっていると疑いもせず、思っていたのに・・・。PC画面では画面内に収まっているのにスマホでチェックしてみると、上の画像のように画面からはみ出していました!そんな経験したことあるんじゃないんでしょうか。テンプレートはレスポンシブ対応でも、youtubeは対応していないということになります。そんな状態に困っているあなたに、YouTubeを簡単にレスポンシブ対応にする方法についてお伝えします。CSS」をインストールする。2.カスタムCSSにCSSを貼り付ける。作業は次の手順で行います。CSS」をインストールする。ダッシュボードの外観の中にカスタムCSSができるので、カスタムCSSにCSSを貼り付ける。CSS」をインストールする。CSS」をインストールします。2.カスタムCSSにCSSを貼り付ける。ダッシュボード>外観>カスタムCSSが出来ているので、次のCSSを貼り付けます。100%;}3.Adquickにhtmlタグを登録すると便利プラグイン「Adquick」をインストールしてなければ、しておきましょう。これに、htmlタグを登録すると便利だからです。</iframe></div>赤字の部分を「Adquick」に登録しましょう。使い方は、YOUTUBEの画像をクリックしてから、上の画像のように「Adquick」に登録したタグをクリックしましょう。すると、編集画面のテキストエディターを確認すると、youtubeのタグが、<iframe・・・></iframe>で囲まれているのを確認できます。これでyoutubeがレスポンシブ化されたことを確認できました。まとめ使っているWordPressのテンプレートがレスポンシブ対応でも、youtubeはそうではない事があります。その時には、cssを設定することで簡単にyoutubeをレスポンシブ対応にできます。YouTubeコメントは受け付けていません。簡単に美しいWpブログ・サイトができます。Reserved.このページの先頭へ。