料金や会社情報などを表にします。スマホで読みやすい並び方も選べます。
こんなときに使います
たとえば：サービスの料金や営業時間を、文章だけでなく項目ごとに比べられるようにしたい。
表にまとめて見せます。スマホでは文字が小さくなりすぎたり、列が画面からはみ出したりしないか確認します。
操作する画面の開き方
WordPressの「投稿」または「固定ページ」から編集画面を開き、ブロックエディターで操作します。
こんなときスマホで表が読みにくい
次にすることヘッダー行＋スマホで縦積み
各項目名が付いたカード状の表示を確認
表を作る手順
- 投稿・固定ページのブロックエディターで「＋」→「テーブル」を追加します。
- 横の列数と縦の行数を決め、各マスに文字を入力します。
- 一番上を項目名の行にするなら、右側で「ヘッダーセクション」をオンにします。
- 右側の「スタイル」から見た目を選び、保存します。
見た目の選び方
- 見出し列強調：左の列を目立たせます。「会社名→株式会社○○」などに向いています。
- 枠線なし：縦線を消し、横線だけにします。
- スマホで縦積み：スマホでは1行ずつカードのように並べます。
- ストライプ：行ごとに背景色を変えて読みやすくします。
スマホで確認すること
「スマホで縦積み」の項目名は、ヘッダー行から作られます。ヘッダー行がないと項目名が付かないため、設定してから確認します。
標準のテーブルブロックでは、マスの結合、画像やボタンブロックの挿入、列幅をドラッグで変える操作はできません。「デフォルト」で元の見た目に戻せます。