WordPressでソート可能なテーブルを作成する方法

WordPressでソート可能なテーブルを作成する方法

なぜ表が必要なのか?プレーンテキストで物事を列挙するだけでは不十分な場合があるからだ。どうやってテーブルを作るのか?ビルトインのテーブルブロックを使うか、高度な機能を持つプラグインを使うか、あるいはカスタムHTMLを追加するかは、使用しているエディタやページビルダーによって異なります。テーブルは、情報を構造化して整理しておく最も簡単な方法です。 

しかし、テーブルが大きくなればなるほど、課題も増える。行が増えればスクロールが増える。列が増えれば、重要な詳細を見つけるのが難しくなります。最初はきれいなレイアウトでも、ある特定のデータを見つけようとするユーザーをすぐに圧倒してしまうのです。

そこで、ソート可能なテーブルが特に役立ちます。ユーザーにすべてを読ませる代わりに、価格、日付、名前、評価など、ユーザーが気になる項目で、ワンクリックでデータをソートさせることができます。

この記事では、Tablebergを使用してソート可能なテーブルを作成する方法を説明し、レイアウトに基づいてソートの方向を制御する方法を紹介します。


WordPressでソート可能なテーブルを作成する

次のステップでは、テーブルの作成方法について説明する。 テーブルバーグ.また、わずかな設定でテーブルをソート可能にする方法も学ぶことができる。

ステップ1:Tablebergのインストールとアクティベート

WordPressのダッシュボードで プラグイン メニューから 新規追加.検索 テーブルバーグそして install そして アクティブ化 the plugin.

Tablebergのインストールとアクティベーション

ステップ2:投稿にテーブルを挿入する

テーブルを作成したい投稿またはページを開きます。次に ブロックインサーター を見つける。 テーブルバーグ・ブロックをクリックしてコンテンツに追加し、必要な行数と列数を選択します。

投稿にテーブルを挿入する

ステップ3:テーブルの内容を入力する

各セルをクリックして、その中にデータを入れてください。Tablebergでは、テキスト、画像、星の評価、ボタン、リボン、アイコン、リスト、その他のブロック要素を、どのセル内でも使用できます。お好きなように表を作成してください。

テーブルの内容を入力する

ステップ4:ソート機能を有効にする

表のいずれかのセルの外縁をクリックし、ツールバーのテーブルバーグアイコンをクリックして、表全体が選択されていることを確認する。右側の ブロック設定を見つけるまで下にスクロールします。 ソート が特徴だ。

ソート機能を有効にする

ステップ5:ソート方向を選択する

ソート機能が見つかると、2つのオプションが表示される: 縦と横.垂直ソートでは、列見出しをクリックして行を並べ替えることができます。水平ソートは、行をまたいでソートし、ラベルが最初の列にある場合に最適です。テーブルレイアウトに合ったモードを選択してください。

ソート方向を選択

ステップ 6: 並べ替えのプレビューとテスト

まず最初に、 セーブ をクリックしてください。 プレビューそして、テーブルを操作して並べ替えをテストする。選択したモードに基づいて、さまざまな列や行を試し、すべてが期待どおりに動作することを確認する。すべて満足したら 更新 または 出版 ポスト 


結論

テーブルは、ウェブサイト上で整理された情報を提示する最も効果的な方法の1つですが、コンテンツが大きくなるにつれて、すぐにナビゲートするのが難しくなります。並べ替え可能なテーブルは、ユーザーが重要な情報に基づいてデータを並べ替えることを可能にし、これを容易にします。Tablebergでは、外部ツールやコードを使用せずにこの機能を追加することができ、テーブルレイアウトに応じてソートの動作を制御することもできます。 この記事では、Tablebergを使ってソート可能なテーブルを作成する方法を、最初から最後までご紹介します。



テーブルバーグ・チーム