スマホで記事を見た時、動画や表が見にくかったので、修正しました

免責事項

【アナタに合うYoutuberがきっと、見つかる】
おすすめユーチューバー・一覧|面白い&暇つぶし動画が見つかる
アナタに合うユーチューバーが、きっと見つかる 総勢100名以上のYoutuber一覧 現在、総勢100名以上のユーチューバーを...

今回は雑記です

「雑記」というカテゴリーを儲けて、サイト運営のことを時々書いてみようと思います

Youtuberに関係ない記事なので、興味ない人は飛ばしても大丈夫ですよっ!

スマホで見たらYoutubeやテーブルの右側がぶつ切りに

ふと、スマホでYoutuberCHを見てみたら

記事内に埋め込んだユーチューブ動画や
テーブルタグを使用した表の右側部分が表示されてないことに気づきました

スマホユーザーの人にもしっかりと記事を見てほしい

これはすぐに修正しなくてはッ!!!

テーブル(表)をスマホでも見れるように対応

Responsive Scrolling Tables

という神プラグインを発見したので、こちらを使用しました

Responsive Scrolling Tablesを導入したことで、
スマホで見た場合、
テーブルの表をスワイプすることで左右に動かせるようになりました

※以下にテーブルを貼ります。スマホの人は左右に動かしてみてください

右に左に 動かせるよ 右に左に 動かせるよ 右に左に
動かせるよ 右に左に 動かせるよ 右に左に 動かせるよ

どうですか?

動かせましたか?

Youtube動画をスマホ対応(レンスポンシブ)に

これは少し苦労しましたが、終わってみれば一瞬で解決しました

「ワードプレス Youtube スマホ対応」

で検索すると、

YOUTUBE動画をスマホ動画サイズを最適化して埋め込む方法

は沢山でてきました

動画の埋め込みコードの前後に

<div class=”v-wrap al-c m30-b”>動画のコード</div>

を入れる方法や、

youtube動画を埋め込む

Advanced Responsive Video Embedder

というワードプレスのプラグインを使う方法などが出てきました


広告

YoutuberCHの特質上、記事にかなり多くの動画を埋め込んでいました

…なので、これから埋め込む時にYoutube対応にするだけじゃ意味がなかったわけです
今まで埋め込んだ動画1つ1つを手作業で入れなおすなんて嫌だ!!!

って思いつつ、ひたすらGoogle先生に教えをもらっていたら…

見つけました

一発で解決する方法が!!!

CSS.styleにたった1行

iframe{ width:100%; }

と入れるだけで

パソコンで見た時はパソコンの画面サイズ、

スマホで見た時に右側が切れずに、

自動でスマホ対応された動画が埋め込まれるように!

今後とも、YoutuberCHをよろしくお願いいたします

follow us in feedly
広告
Topページに戻る

ユーチューバーになろう!人気配信者になる方法まとめ

歌い手&実況者向けのマイク・機材を紹介【色々考えたくない人向け】

インスタ映えする写真のコツ&人気になる方法まとめ

どれを選べばいい?Youtuberにオススメなビデオカメラ撮影機材15選

おすすめユーチューバー・一覧

ニコニコ生放送・ツイキャス・ふわっち等の配信サイト有名人一覧

いい声で録りたい!ゲーム実況者にオススメのマイク7選

ゲーム実況者にオススメのゲーミングPC 9選。

配信者・生主を「名誉毀損」で訴えて潰そうとする「スラップ訴訟」に注意

ニコ生・外配信ででオススメのWebカメラ&ノートPCはどれ?

便利でオススメな「PCデスク周り」のインテリア13選

ユーチューバーのゲーム実況に必要な機材は?

ユーチューバー・歌い手・ゲーム実況者に必要な機材はコレだ!

2ch元管理人ひろゆきがYoutuberアンチを論破!w

ナイトプール撮影にオススメ!防水スマホケース&カメラはコレ!

男性の歌い手(男声ボーカル)歌ったみたにオススメのマイク10選

女性の歌い手(女声ボーカル)歌ったみたにオススメのマイク12選

Youtuber・ニコ生主・キャス主・配信者の誕生日一覧まとめ

UA-4FXⅡで生放送・ゲーム実況を始めよう。初心者~中級者向け

ゲーム実況者になろう!おすすめのキャプチャーボード6選

にほんブログ村 ネットブログ YouTubeへ にほんブログ村
YouTube・動画サイト ブログランキングへ

シェアする

  • このエントリーをはてなブックマークに追加

フォローする