※本記事にはプロモーションが含まれています。
AIが作った横長の表は、スマホで文字を縮める前に、列の役割を見直します。一覧で比較したい情報と、各商品の詳しい条件を分けると、読み手が左右を行き来する負担を減らせます。ただし、条件まで削ると表の意味が変わります。
読者が選びたい項目を先に決める
例えば「プラン名・月額換算・請求周期・無料枠・対応機能・注意点」の6列があるなら、料金を比べる表と機能を比べる表に分ける案があります。料金の表には請求周期を残し、年払いの月額換算を毎月の支払額と誤読しないようにします。
これは表の整理方法を示す自作例です。列を減らせばどのサイトでも読みやすくなると測った結果ではありません。同じページで両方の表を読み比べる必要がある場合は、表を分けたことで移動が増える弱点もあります。
料金と機能を分けた自作の表示例
以下は実在の商品と無関係な架空プランです。金額は説明用で、サービス選びの根拠には使えません。
| 架空プラン | 提示料金 | 請求周期 |
|---|---|---|
| A | 1,200円 | 毎月 |
| B | 12,000円 | 毎年 |
| 架空プラン | 表示の試用 | 保存の制限 |
|---|---|---|
| A | 可能と仮定 | 不可と仮定 |
| B | 未確認と仮定 | 未確認と仮定 |
長い説明は同じ商品の直後へ移す
セルに何行も文章が入るときは、表の下へ説明を移す方法があります。「詳細は下記」だけで済ませず、対象のプラン名を繰り返し、どの行の条件かが分かる見出しにします。重要な制限を離れた注記へ隠さないことも大切です。
比較対象が二つだけで、各項目の説明が長いなら、商品ごとに同じ順番の小見出しを置く形式も候補です。横に並べること自体が目的になっていないかを見直します。
WordPressの表設定と公開画面を分ける
公式の表ブロックには固定幅セルの設定があり、列を等しい幅にする機能と説明されています。これは文章量に応じて必ず読みやすい列幅になるという意味ではありません。最終的な見た目はテーマにも依存します。
編集画面で収まっても、公開プレビューの狭い画面で同じとは限りません。行の見出し、単位、注記がどこにあるかを確認します。横スクロールが必要な構成なら、表の続きがあると読者に分かる表示も確認対象です。
数字と条件をもう一度照合する
表を分割した後は、元のセルにあった数字、単位、無料枠の制限がどこへ移ったかを追います。見た目を整える変更で、条件のない「無料」だけが残ることを避けます。
列の整理と標準機能で改善するかを先に試せるため、有料の表作成プラグインは必須ではありません。2026年10月30日、当サイトのプレビューを幅390pxで表示し、上の2表が画面幅に収まり、単位と条件が表示されることを確認しました。全端末・全テーマの検証ではありません。
関連する確認には、WordPressへ貼り付けた見出しや表が崩れるときも参考になります。
参照資料(2026年10月30日確認):WordPress公式資料。