Follow Us:

WordPress(ワードプレス)の<table>テーブルを一括でスマホ対応にしてみよう

  •  更新日:

ワードプレスでテーブルを投稿に挿入している場合に、スマホで見るとテーブルが画面外にはみ出して表示される場合があります。ここでは、こういった画面外にテーブルがはみ出してしまうテーブルを最も簡単に修正する方法をご紹介します
mobile-phone-579548_960_720

導入するだけで全てのテーブルをスマホの画面内におさめてくれるプラグインResponsive Scrolling Tables

Responsive Scrolling Tablesは、おそらく最も簡単にテーブルをスマホ画面からはみ出さないように表示してくれるプラグインです。テーブルのデザインも変化しません。
プラグインをインストールすると、その瞬間に全てのテーブルにプラグインの効果が適応されます。
(お使いのテーマによっては、相性が悪くプラグインが正しく適応されない場合もまれにございます。)

Responsive Scrolling Tablesの効果

Responsive Scrolling Tablesをインストールすると、例えば下記のようなスコアボードのデザインがスマホ時に、自動的に指で横スクロールするタイプのテーブルに変更されるようになります
img1
スマホ表示の例:スマホで画面外にテーブルがはみ出ません。(テーブルのデータを全て見るには指で横にスワイプしてみれるようになります)
img2

ワードプレスのテーブルのより高度な修正、カスタマイズはワードプレスドクターにお任せください


関連タグ:

Wordpress ワードプレス ドクターBlog タグ一覧

© 2015-16. «WP Doctorワードプレスドクター». All right reserved.