Tablebergは、ブロックエディタ専用に作られたWordPressのテーブルプラグインです。一見すると、投稿やページにテーブルを挿入する別の方法のように見えるかもしれません。しかし、一度使い始めると、その違いは明確になります。
ほとんどのテーブル・プラグインは、焦点を絞って作られている。それらはデータ表示を扱うか、特定のレイアウトを再現する手助けをする。高度なコントロールを提供するものもあるが、ショートコードや外部インターフェースに依存している。また、シンプルだがプレーンテキストに限定されているものもある。どのような場合でも、それらは一つの目的を果たし、ニーズが変わったときに別のプラグインに手を伸ばすことになる。
Tablebergは、その単一目的のモデルを超えています。Tablebergは、エディタ内で完全に動作し、あなたがすでに使用しているのと同じブロックをサポートします。1つのフォーマットに従うことを強制する代わりに、あなたが望むようにコンテンツをデザインするための構造を提供します。この記事の続きでは、それが実際にどのように機能するかを紹介する。
コア・アイデアデータテーブルからコンテンツレイアウトへ
ほとんどのテーブルツールは、リストや統計、価格をグリッドで表示するなど、データを扱うことに重点を置いています。これらは表示用に作られており、デザイン用ではない。 テーブルバーグ は別のルートを取る。テキストだけでなく、グーテンベルグが許容するあらゆるコンテンツが存在するスペースとして、各セルを扱うのだ。
堅苦しい構造に縛られることはありません。ページビルダーに期待されるような柔軟性を持ちながら、すっきりと整理されたテーブル形式でコンテンツをデザインすることができます。
このシフトは微妙だが強力だ。テーブルを受動的なディスプレイから能動的なレイアウト・ツールへと移行させるのだ。
Tablebergの特徴
ショートコードや外部ビルダーを使用する代わりに、TablebergはWordPressエディタで直接動作します。テーブルセル内のすべてのコアブロックをサポートしており、一般的なプラグインよりもはるかに多くの使用例があります。
その主な特徴は以下の通り：
- テーブルセル内に任意のGutenbergブロックを追加します。
- テキスト、画像、ボタン、スター評価、アイコン、リボン、リストブロックを使用します。
- ヘッダー、フッター、ボディの各セクションを個別にコントロール。
- 長いスクロールのテーブルのためにスティッキーヘッダーを有効にする。
- フロントエンドユーザのためにカラムをソート可能にする。
- ライブフィルタリングのための検索フィールドを追加。
- ヘッダーと行の背景色をカスタマイズできます。
- 各セルのアライメント、パディング、ボーダーのスタイルを選択します。
- 構造化された動作でモバイルの応答性を調整する。
- 必要なければヘッダーやフッターの行を無効にする。
- エディター内で行や列を視覚的に並べ替える。
Tablebergで作れるクリエイティブなレイアウト
Tablebergは、表を作ろうとするのをやめてレイアウトを作ろうとするときに最もうまく機能する。同じ機能を使って作成できる例をいくつか紹介しよう：
チーム・グリッド
Tablebergでは、各セル内に画像、名前、役割、経歴、ソーシャルリンクを組み合わせることができます。これにより、チームメンバーを構造化されたフォーマットで配置されたプロフィールカードとして簡単に表示できます。カラムブロックとは異なり、手動で幅や間隔を調整しなくても、すべてが整列されたままです。あらゆる画面サイズに対応するレイアウトで、通常のブロックを使用し、エディターで直接構築できます。
製品ハイライト
ロゴ、機能リスト、評価、ボタンをセル内に配置して、すっきりとした商品ショーケースを構築できます。各商品はそれぞれのスペースに収まりますが、他の商品との位置関係は完璧です。これにより、機能やコンテンツが他の商品より多い場合でも、一貫した構造を保つことができます。カスタムCSSや外部レイアウトツールを必要とせず、洗練された仕上がりになっています。
イベントスケジュール
明確な構造の中にセッションタイトル、スピーカー名、時間、説明を含めることができれば、スケジュールレイアウトの作成は簡単になります。複数のブロックを重ねたり、一貫性のない整列を強いられることもありません。Tablebergはイベント専用に作られたプラグインに頼ることなく、読みやすく整理されたスケジュールを作成する方法を提供します。
サービスグリッド
サービスリストでは、各セル内にアイコンや画像、短い説明文、ボタンなどを使用することができます。これは、複数のサービスを並べて紹介しながら、すべてをすっきりと見せたい場合に効果的です。Tablebergは、コンテンツの長さや画面サイズに関係なくレイアウトを保持するので、手動で行や列を分けて構築する必要はありません。
証言の壁
それぞれのお客様の声は、写真、引用、名前、評価を含む独自のセルに格納することができます。これにより、基本的なリストではなく、カードのグリッドのようなレイアウトになります。Tablebergでは、すべてのお客様の声のデザインと間隔を統一しながら、それぞれの声の中に表示される内容をカスタマイズすることができます。
レストランメニュー
レストランやカフェのメニューは、アイテム、簡単な説明、価格をすべて整列したセル内に配置して構成できます。前菜、メイン、ドリンクなどのカテゴリーは、テーブル内のブロック要素を使ってグループ化し、スタイルを設定できます。この設定により、メニュープラグインに頼ることなく、乱雑なフォーマットを避け、メニューの各セクションをすっきりと一貫性のあるものにすることができます。
表面を超える：インタラクティブで機能的な特徴
Tablebergは視覚的な柔軟性で際立っているが、実用性でも不足はない。テーブルは表示以上のことができる。振舞うこともできる。
Tablebergには以下のような特徴がある：
- スクロール中も表示されるスティッキーヘッダー
- 製品テーブルや価格リスト用のソート可能なカラム
- 行数の多い大きなテーブルの検索機能
- モバイルですべてをクリーンに保つレスポンシブ設定
- ヘッダー、フッター、行のカスタムカラーオプション
- パディング、アライメント、レイアウトのコントロールにより、より厳密なデザインコントロールを実現
これらの機能が相まって、Tablebergはクリエイティブであると同時に実用的でもある。
最終的な感想
テーブル・プラグインは、しばしばひとつのタスクのためのツールとして扱われる。データを表示するか、特定のタイプのセクションを構築するためのものだ。Tablebergは異なるアプローチを取ります。Tablebergは、あなたが作成できるものを制限することなく、構造を提供します。エディタ内で作業し、すでに知っているブロックを使用し、サイト全体で一貫性のあるレイアウトを構築します。
コンテンツの管理でもデザインの形成でも、Tablebergは邪魔になることなくすべてを整列させます。これこそが、単なるテーブルプラグインを超えたものなのです。
