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

スポンサーリンク

【アナタに合う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ページに戻る

・おすすめユーチューバー一覧辞典|面白い&暇つぶし動画が見つかる

・ユーチューバー事務所の特徴を比較

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

・ゲーム実況・歌ってみた・歌い手活動でオススメのマイクを紹介

・どれを選べばいい?ユーチューバーにオススメなビデオカメラ7選

・ボカロ曲ブームが衰退・オワコン化した理由とは

・ニコニコ動画が衰退しオワコン化した7つの理由とは

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

・Youtuberに便利な撮影機材を紹介!

・Youtuberになって稼ぐには

・Youtuber的ニュース・雑記

シェアする

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

フォローする