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

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

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

Responsive Scrolling Tablesの効果

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

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

関連記事:

  1. WordPress ワードプレス ドメインが変わる場合のサーバー移行の方法
    wordpress 移行は、ドメインが変わる場合多少難易度が高いです。 この解説では、サーバー、ドメイン名、データベース全てが変わる場合のwordpress...
  2. WordPress (ワードプレス)のカスタマイズのアイデア７選
    ワードプレスはおそらく、地球上で最もカスタマイズ性の高いCMSでしょう。有志によって作られた数万の無料プラグインやテーマ、ほとんどあらゆるワードプレスの機能に独自の関数を追加できるフック関数これらは、ワードプレスをいかようにも好きな形に変えられると思えるほど充実しています。ここではワードプレスのカスタマイズの事例をご紹介します 管理画面をカスタマイズ１：ユーザー権限によってみせたくないメニュー項目を隠す adminimizeというプラグインを使用するとユーザー権限によってみせたくないメニュー項目を隠す事ができます。画面のようにプロフィールだけを表示する事も可能です。...
  3. WordPress(ワードプレス)の投稿編集 カスタマイズのプラグインや方法について
    ワードプレスの投稿の編集画面はプラグインを導入するなどして様々な便利な機能を追加する等のカスタマイズする事が可能です。 行番号を表示 WP...
  4. WordPress(ワードプレス)でホームページを持つメリット１０選
    ワードプレスは世界中で２５％のホームページを支えている超巨大なシステムとなっています。さて、Wordpressでホームページを持つメリットとは何なのでしょうか？ここではワードプレスのホームページが持つメリットを１０個ご紹介します。   ホームページ内にHTML知識無しに更新できるブログを持てる...
  5. WordPress(ワードプレス)のデータベースの構造
    ワードプレスのデータベースの構造について解説いたします。ワードプレスのデータベースのテーブルは基本的には下記の１１テーブルとなっています ・wp_commentmeta ・wp_comments...