WordPressで横長の表を崩さずに挿入する方法（レスポンシブ対応表）

WordPressで見やすく表を挿入したい時があります。 けれども、横幅が大きすぎて、以下のように表示が崩れてしまい、逆に読みにくくなってしまったなんて事がある方も多いかと思います。 通常、横幅の長い表をWordpress本文で表示しようとしたら、メインカラムからはみ出してしまうし、変なところで改行されて、文字は読みにくいしで、「分かりやすくするつもりで表を挿入したのに、逆に分かりづらくなってしまう」なんて事になってしまいます。 これがスマホだと、なおさらひどい状況になると思います。 けれども、今回のカスタマイズを行うことで、横幅が大きすぎる表は、横スクロールバーが表示されて、表が崩れないようになると思います。 こんな感じで。※横幅がはみ出している部分は横スクロールしてください。

[houraigensou]

こんなレスポンシブ表を待ってたんだよ！