これから Nishiki Pro
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. Nishiki(Pro)
  3. 「テーブル」ブロックのスタイル

「テーブル」ブロックは表を作るときに便利ですが、注意しないといけないことがあります。

それは、表示領域が狭いタブレット/スマートフォンで閲覧すると、かなり読みにづらくなってしまうことです。

「テーブル」ブロックはそもそも扱いや使いどころが難しいよ、って話

例えば、下の画像のような 3 カラム(列)の表をスマートフォンで見たとします。

これくらいの内容なら読めなくもないかな?とは思いますが、見出しが縦になったり、セルの中に入っている文章量がわりと多めなので、かなり読みづらいです。

次は、下の画像を見てみましょう。カラム数が多い表を作った場合は顕著です。

やや強めな表現になりますが、こんな読みづらい表を作るくらいなら、表のカラム数を減らしたり、文章量を減らしたり、思い切って画像にしたり、そもそも「テーブル」ブロックを使わないなど、別の方法を考えた方がいいです。

というわけで、「テーブル」ブロックの扱いと使いどころは難しいよ、という話をしています。

バリエーションを選択できます

Nishiki Pro では、上記のような読みづらい表をなるべく作らないよう、バリエーションを用意しています。

「テーブル」ブロックそれぞれに対して、タブレット または スマートフォン以下のサイズでスクロール または レスポンシブを選ぶことができます。

サンプル

スクロール

項目1テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
項目2テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

レスポンシブ

項目1テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
項目2テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

選べるスタイル

第 1 カラムを見出しに設定していた場合に使えるスタイルを用意しています(要望があれば随時追加予定)。

サンプル

項目1テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
項目2テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載した WordPress テーマです。

ブロックエディター機能を強化し、これまでの WordPress では難しかったコンテンツが簡単に作れます。

ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイトなど、様々な目的のウェブサイトに対応できるテーマです。

最新情報をチェック!

Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀

  • リリース情報
  • 新機能の紹介
  • 便利な使い方
  • 開発中の機能紹介
  • 導入事例
  • あるある日常ネタ

など