WordPressには、シンプルなテキストベースのテーブルを作成するためのデフォルトのテーブルブロックが用意されているが、最近のウェブサイトではその限界が明らかになっている。基本的な単語や数字のグリッドは扱えるが、それ以上の複雑なものは扱えない。もしあなたのテーブルが、より良いスタイリングやよりリッチなコンテンツなど、平易な言葉以上のものを必要とするなら、その亀裂はすぐに目立ち始める。
実際のテーブルでは、もう少し多くのことが要求されます。セル内に画像やボタン、比較要素を入れたり、モバイル画面で表が適切に調整されるようにしたい場合もあるでしょう。このような点が必要になる表を作成するときのフラストレーションを想像してみてください。
これらは、デフォルトのTableブロックが苦労している部分であり、現代のニーズに対して時代遅れだと感じている部分です。そのため、何か重要なものを作る前に、デフォルトのTableブロックの欠点を正確に理解し、代わりにどのようにすればより良い解決策を作ることができるかを理解する方がよいでしょう。
デフォルト・テーブル・ブロックでできること
WordPressのデフォルトのTableブロックは、基本的な機能をカバーしています。シンプルな行と列を作成し、テキストベースの情報を整理することができます。ヘッダーを設定し、アライメントを調整し、読みやすいようにストライプスタイルを適用することができます。シンプルな価格表や2列の比較表、連絡先ディレクトリのような簡単なレイアウトであれば、追加ツールを使わなくてもこのブロックで十分です。
デフォルトのTableブロックで快適にできることをいくつか紹介しよう：
-
行や列をまたいで簡単なテキスト項目を追加します。
-
列にラベルを付けるための基本的なヘッダー行を作成する。
-
読みやすくするためにストライプの行スタイルを適用する。
-
セル内のテキストを左寄せ、中央寄せ、右寄せにする。
-
必要に応じて行や列の数を調整する。
-
セル内にリンクを挿入し、テキストの一部をクリック可能にする。
これらの機能は軽量なテーブルには役立つが、プロジェクトがよりリッチなコンテンツ、より優れたデザインコントロール、またはモバイル最適化を要求する場合には、不足することが多い。
デフォルト・テーブル・ブロックの限界
表面的には、テーブルブロックは基本的なニーズにうまく対応しているように見える。しかし、もう少し深く見てみると、ギャップが見えてくる。その欠点を詳しく見てみよう。
プレーンテキストコンテンツのみ
デフォルトのテーブルブロックでは、セル内のテキストはプレーンなものに制限されています。画像やボタン、その他のメディアを挿入することはできません。
最小限のスタイリング・オプション
スタイリングは極めて基本的だ。単純な整列とストライプのデザインだけでなく、ボーダー、色、セルの間隔もほとんどコントロールできない。
ソート、検索、フィルタリングなし
テーブルはどんなに大きくなっても固定されたままです。ソートもフィルタリングもできないし、ユーザーが必要なものをすぐに見つけることもできない。
無反応
幅の広いテーブルは、モバイル・デバイスではしばしば壊れます。余分な助けがなければ、画面からはみ出したり、読めないフォーマットに押し込められたりする。
大きなテーブルの管理が難しい
大きなテーブルを扱うのは不器用だ。行や列の並び替えが簡単にできるツールもなく、編集に時間がかかってイライラする。
テンプレートやパターンなし
新しいテーブルはそれぞれ空白で始まります。コアとなる Table ブロックは、テンプレートや既成のレイアウトを提供しないので、スピードアップが図れます。
デフォルト・テーブル・ブロックはいつまで役に立つのか？
たとえ制限があったとしても、デフォルトのテーブル・ブロックにはその役割があります。高度な機能を必要としない小さなタスクでは、最もシンプルなソリューションになり得ます。
ここでは、デフォルトのTableブロックがうまく機能するケースをいくつか紹介する：