モバイルサイズ時のWordPressサイトでテーブルを横スクロール表示する方法 2023.03.04 2023.09.06 WordPressサイトをスマホで見た時、テーブル(表)の右端がこのように切れてしまうことがあります。 PCでは綺麗に見えていても、スマホでこのようにはみ出しているともったいないですよね。 この記事では、テーブルがはみ出るのを防ぎ、横スクロールできるようにする方法をソースコード付きでご紹介いたします。WordPressテーマの対応の可否によって方法が異なりますので、下記よりご確認ください。 未対応テーマ 対応テーマ 未対応テーマの場合 TCDテーマの場合、FALCON(TCD089)を含むそれより品番が若いテーマが未対応です。対象のテーマをお使いの場合は、以下の記述をそれぞれ追加いただくことで横スクロール可能です。 CSSを追加 divタグでテーブルを囲む CSSを
![モバイルサイズ時のWordPressサイトでテーブルを横スクロール表示する方法 – ワードプレステーマTCD](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e7989380dfb8254015485e48d5c26272daa1d4f/height=288;version=1;width=512/https%3A%2F%2Ftcd-theme.com%2Fwp-content%2Fuploads%2F2023%2F03%2Fmobile-table.jpg)