検索可能な表は、表形式で表示される大規模なデータセットの中から特定のデータを素早く見つけることを可能にします。この機能は、ユーザーが必要な情報を探し出すのに役立つだけでなく、直感的なブラウジング体験を提供することで、ユーザーの興味を持続させます。
テーブルでこの機能を有効にすると、ユーザーがデータを探索する際の貴重な時間を節約することができます。これにより、イライラを大幅に軽減し、ユーザーの満足度を高めることができます。Tabelbergプラグインを使用すると、簡単にテーブルでこの機能を有効にすることができます。
このチュートリアル記事では、WordPressで検索可能なテーブルを作成する方法をステップバイステップで説明します。下記のボタンをクリックしてプラグインを入手してください。
美しいテーブルを作る
ブロックエディター付き
プラグインをサイトにインストールしたら、以下のチュートリアルに従ってください。
注：ここでは、Tableberg Proプラグインを使用します。まだプラグインをインストールしていない場合は、プラグインを入手してください。 これ.
ステップ01: エディターにTablebergブロックを追加する
他のGutenbergブロックと同じように タベルベルク・ブロック to the editor.
セット その 列と行の数 をクリックしてください。次に 作成ボタン.
列と行の準備ができたら、好きなように情報を追加していく。
ステップ02: テーブルにコンテンツを追加する
Tablebergの興味深い特徴は、Gutenbergブロックエディタのような様々なカスタムブロックをテーブルに追加できることです。
表の任意のセルにカーソルを置く。このとき プラス（＋）アイコン が表示されます。次に、セルとコンテンツに希望のブロックを追加する。
例えば、Imageブロックを使って表のセルに画像を追加することができます。
必要な情報の入ったテーブルはすでに用意してある。私たちの最大の目的は、WordPressのテーブルに検索バーを追加して検索可能にする方法を紹介することなので、他のことで時間を無駄にしたくありません。
インスピレーションを得るには、こちらのガイドをご覧ください。 Tablebergでテーブルを作成する方法.
ステップ03: 検索バーを有効にする
をクリックしてテーブル全体を選択する。 Tablebergアイコン をクリックする。次に 設定タブ on the right sidebar.
に来てほしい。 [PRO] 検索 セクションのタブをスクロールする。 トグルオン その 検索を有効にする オプションを選択します。テーブルの上に検索バーが表示されます。
ステップ04：検索バーの位置を選ぶ
検索バーは 左、中央、右 または 広い.お好きなオプションを選択してください。
以上です。これであなたのテーブルは検索可能になりました。
ステップ05：検索バーをプレビューする
投稿のプレビュー・セクションに行く。テーブルに存在する検索バーに何かを入力する。すぐに結果が表示されます。
以下に添付したビデオクリップを見てみよう。我々の方では問題なく動いている。
ステップ 06: 検索可能なテーブルのスタイリング
テーブルを選択したまま、もう一度スタイルタブに移動します。テーブルをスタイリングするための多数のカスタマイズ・オプションが表示されます。
例えば、そこでできる重要なことはいくつかある：
- 列、行、セルの色を個別に変更する。
- セルの寸法とパディングを変更する
- ブロック間隔を追加する
- 内枠と外枠のカスタマイズ／削除／カラー化
- グローバルフォントの更新
一人でできるといいね。あるいは DIYドキュメントの投稿を見る 必要なガイドのために。
ビデオ・チュートリアル
閉会の挨拶
すでに述べたように、検索バー・オプションは、広範なデータセットを扱う表にとって非常に便利である。しかし、検索可能な表を効果的にするためには、表のデザインをすっきりと整理しておく必要がある。
次に、検索バーを適切な位置に配置し、ユーザーが簡単に見つけられるようにする。可能であれば、フィルタリングオプションを追加して、テーブルをソートできるようにし、必要に応じてテーブルの行や列の並び替えができるようにしましょう。
以下はそのガイドである。 WordPressでテーブルをソート可能にする方法.
