うえせいWP.net

WordPressのホームページ制作とWEB活用コンサルティング【大阪府】

WordPress使い方

YouTube動画をスマホで見た時にも、はみ出さないようにする方法!

 YouTube

YouTubeの動画をブログに埋め込むのはいいのですが、PCで作業しているからかスマートフォンでの表示確認がおろそかになっているのか、はみ出てしまっているのをわりと頻繁に見受けます。

はみ出てしまうと、横幅をYouTube動画の幅になってしまうのでブログの幅が狭くなってしまって読みにくいし、そもそも不細工ですよね。

はみ出さないようにする対応は、とっても簡単!
やっておきましょう。

 

sponsored link

「style.css」に、次のタグを追加するのみです

とっても簡単です。

 

極力、テーマファイル自体に手を加えないようにしましょう

ご自身で作ったりしている場合は、別ですが当サイトのこのようなブログを見ていただいている方は、公式テーマだったり市販や無料のWordPressテーマを使っていることと思います。

この場合、テーマファイル自体に手を加えてしまうと、WordPressのテーマにアップデートがあって更新してしまうと、カスタマイズした内容が消えてしまいます。

アップデートができないという結果に繋がりますので、次の方法でCSSを入力できるようにしておきましょう。

 

子テーマを作っておく

子テーマとは、既存のWordpressテーマのカスタマイズ専用のテーマです。
既存のWordpressテーマは、「親テーマ」と言って、その親テーマの機能やスタイルを継承したものを「子テーマ」といいます。

この子テーマを作る方法は、下のサイトを参考にしてみてください。

 

プラグイン「symple custom CSS」を使う

今回のようなちょっとしたCSSをの追加くらいでしたら、子テーマを作るほどではないと思いますよね。

その場合は、「simple custom CSS」というプラグインを使うといいでしょう。

このプラグインを有効化すると管理画面に「カスタムCSS」というメニューが出来るので、そこにCSSを追加できるようになります。

▼「symple custom CSS」について書いています。

 

【関連記事】Facebook・Twitter・Instagramの投稿をWordPressをはじめとするブログに埋め込む方法

【まとめ】YouTubeに限らず「はみ出し」の対策はしておきましょう

うえせいイラスト
今回は、YouTubeのはみ出しの対策について説明しました。
動画を埋め込んでおくと、文章で説明しづらいことを補完できるのでいいのですが、その結果読みづらいことにならないようにしょうね。

では、また。テリマカシ。

「うえせいや」のLINE@を友だち追加して下さい

うえせいのお知らせやメッセージを受け取ったり、ブログ相談会の募集告知を受け取ったりしたい方は、ううえせいやのLINE@を友だち追加してくださいね!
「うえせいや」のLINE@を友だち追加して下さい

sponsored link

合同会社うえせいやについて

合同会社うえせいやについて
「合同会社うえせいや」では、リーズナブルで柔軟性の高い月額管理費が0円の、自分で更新できるホームページの制作を承っております。
最終的に納品の際には、使い方のご指導をさせて頂くとともに、以降のサボート費用を質問の回答に限り、永年0円としておりましす。
ですので、以降の更新はご自身で、しかもスマホからも可能です。

お申込み、お問合せは無料です。
お気軽に、以下よりご連絡ください。

こんな記事も書いています