WordPressでのテーブルの作成は簡単です。コードを使用してWordPressにテーブルを追加する従来の方法がありますが、テーブル(またはグラフ)を作成する最も便利な方法は、wpDataTables WordPressプラグインを使用することです。さまざまな外部ソースからテーブルをインポートし、好みに合わせてスタイルを設定し、Webサイトに追加することが非常に簡単になります.


基本的なHTMLテーブル

標準を使用してWordPressにテーブルを追加できます HTMLテーブルタグ. それらはかなり単純で、次の基本構造を使用します(投稿を作成するときは、必ず「テキスト」タブに入力してください)。

最初 二番目 第三
ジャック ジャクソン 25
ジェーン ジェンソン 30

これにより、次のようなテーブルが作成されます(注–ヘッダーセルのスタイルはテーマによって異なります)。

最初二番目第三
ジャックジャクソン25
ジェンジェンソン30

HTMLを使用してテーブルを作成することは機能し、サイトに1つまたは2つのテーブルを追加するだけの場合は問題ありません。ただし、テーブルを頻繁に作成する場合は、いくつかの問題が発生する可能性があります。.

  • 詳細オプションのHTMLコーディングを学ぶ必要があります
  • HTMLの追加には時間がかかり、多くのテーブルを作成すると、長期的には生産性が低下します
  • この方法は、レイアウトとデザインが大幅に制限されています(高度な開発者でない限り)。

WordPressを使用している場合は、1)WordPressの最新バージョンを使用しており、2)テーマがレスポンシブであると想定できます。 HTMLテーブルタグを使用してWordPressサイトにテーブルを挿入すると、レイアウトの調整に多くの時間が費やされます.

サイトは応答するかもしれませんが、テーブルは応答していません.

これは当然、サイトのレスポンシブプロパティを壊します。サイトへのデータの挿入も問題になる可能性があります。 GoogleスプレッドシートやMicrosoft Excelなどのスプレッドシート処理ソフトウェアには、データベースからデータを取得するためのインポートツールが多数あります。しかし、すべての文字を入力するときは、あまり生産的ではありません.

以前に、WordPressでHTMLを使用してテーブルを挿入する3つの主要な問題を特定しました。心配する必要はありません。テーブルを作成する方法としてははるかに良い方法があります。だから私は前述のすべての問題を取り除き、多くの便利な機能をもたらすプラグインを紹介しましょう.

wpDataTablesでより良いテーブルを作成する

wpDataTablesレスポンシブテーブルプラグイン

WordPressでテーブルを作成するには、wpDataTablesを強くお勧めします。この完全に応答性の高いプレミアムプラグインにより、WordPressで表やグラフを簡単に作成、カスタマイズ、管理できます– コーディングは不要. インストールして、テーブルとチャートの作成を開始するだけです! 14,300人以上のユーザーから信頼されており(以前は、今月のWordPressプラグインの1つと名付けられていました)、WordPressベースのWebサイトにテーブルを追加するための最良の方法の1つにすぎません。.

wpDataTablesの詳細ライブデモを表示

上のボタンをクリックしてThemeforestのwpDataTablesの詳細を確認するか、このまま読み進めて、なぜそれがすばらしいと思うかを確認してください。.

複数のデータソース

wpDataTablesデータソース

データの保存場所に応じて、wpDataTablesを使用すると、さまざまなソースからインポートできます。 Excel、CSV、Google Doc、XML、JSON、シリアライズされたPHPアレイ、またはMySQLクエリから選択して、データをインポートします。新しいテーブルを手動で作成するオプション、ライブデータソースにリンクする(ページにテーブルをロードするときにテーブルを動的に更新する)オプション、またはGUI(グラフィカルユーザーインターフェイス)ツールを使用してカスタムクエリを生成するオプションもあります。.

MySQLクエリは私の個人的なお気に入りです。 そして修正 適切なデータベースからのデータ。テーブルプロジェクトに取り組んでいる開発者チームがある場合、これによりコラボレーションが非常に簡単になります(これについては後で詳しく説明します)!

強化されたカスタマイズとレスポンシブレイアウト

テーブルの設計がかつてないほど簡単になりました。いくつかのチェックボックスといくつかの色の選択により、サイトのテーマを補完するプラグインを設計できます。プラグインが提供している素晴らしいデザイン機能を見てください:

wpDataTablesカスタムスタイリング

インターフェース言語、時刻/日付のフォーマット、配置、カスタムJS / CSSなどの組み込みオプションもあります。ああ、私はプラグインもモバイル対応であることを述べましたか?画面のサイズに関係なく、テーブルが消費するスペースを設定できます!

効率的な検索のためのフィルター

wpDataTablesの並べ替えとフィルターのオプション

新しいテーブルを作成するとき(または既存のテーブルを編集するとき)、フィルターを有効にするオプションがあります。フィルターを使用すると、必要なアイテムのみで結果セットを減らすことができます。これは、大規模なデータベースのクエリに非常に役立ちます。たとえば、ライブラリデータベースがある場合は、 件名 あなたの本をずっと早く見つけるのに役立ちます.

ただし、フィルターを編集するたびに、データベースによって実行される計算の数が増えるため、サーバーの負荷が増大します。したがって、フィルターを完全に無効にするという甘いオプションがあります.

フロントエンドからのMySQLデータベースの編集

wpDataTablesでフロントエンド編集が可能

wpDataTablesを使用すると、フロントエンドから、つまりライブのWordPressサイトからデータベースを直接編集することもできます。テーブルを設定するときは、「編集」タブの下のオプションを有効にするだけです。どのユーザーがデータベースの値を編集できるかを設定することもできます–すべてのユーザーがサブミットしたり、ユーザーロールに基づいてアクセスできるようにデータベースを開いたまま.

グラフを使用してデータを視覚化する

視覚化は、通常のテキストよりもはるかに効果的な注意グラバーです。結局、見ることは信じることです。それ データの取り込み率を上げる, 従来の読書と比較して。たとえば、年収レポートの円グラフを表示している場合、12か月間すべてのデータを読み取るよりも、ほとんどの場合、データをより速く解釈できます。.

wpDataTablesチャートスタイル

wpDataTablesは、(Google Charts、HighCharts、Chart.jsを介して)動的なグラフを作成して、テーブルのデータを視覚化するのに役立ちます。これは、たとえば、毎月の収入レポートを共有するブロガーなど、数値データが多いテーブルに特に役立ちます。.

生涯アップデート

ほとんどのプラグイン開発者は、1年間のアップデートとサポートを提供します。ただし、この開発者には、ライフタイムアップデートと6か月分のワンタイム料金のサポートが含まれています(注–継続的なサポートには、ライセンスを更新する必要があります)。.

詳細なドキュメント

開発者は、wpDataTablesの使用方法を説明する際に問題を解決する必要はありません。プラグインの全機能を理解するのに役立つ、広範なオンラインドキュメントとビデオチュートリアルがあります。!

これにより、2つのことがわかります。

  1. 開発者は顧客のことを気にかけている-彼らが製品を購入するために戻ってくるように
  2. 知識のある顧客=しゃっくりが少ない=サポートチケットが少ない=顧客が満足

また、サポートチケットが少なくなるため、開発者はプラグインの改善と新しい機能の導入により多くの時間を費やすことができます!

wpDataTablesでレスポンシブテーブルを作成する方法

wpDataTablesが優れたプラグインであると私たちが考える理由がわかったところで、その使用方法を見てみましょう! wpDataTablesプラグインを使用して新しいテーブルを作成するには、正確に3つのステップがあります.

1. wpDataTablesをインストールする

これは明らかなはずですが、最初にwpDataTablesをインストールする必要があります。これはプレミアムプラグインなので、CodeCanyonから購入してダウンロードする必要があります(購入に移動して、「インストール可能なWordPressファイルのみ」をダウンロードするだけです)。.

wpDataTablesプラグインをインストールする

次に、画面の指示に従ってインストールとアクティベーションを完了します.

2.データテーブルを作成する

プラグインをアクティブにすると、新しい「wpDataTables」メニュー項目が表示されます。それをクリックし、大きな青色の[新規追加]ボタンをクリックして、新しいテーブルの作成を開始します。.

wpDataTablesテーブルの作成またはインポート

最初のオプションは、テーブルの作成方法です。 5つのオプションを提示する必要があります。使用したいシンプルなスプレッドシートがあるため、CVSからインポートするオプションを選択しました。次に[次へ]をクリックすると、ファイルを選択してアップロードするように求められます.

wpDataTablesテーブルの管理

データソースをアップロードすると、カスタムテーブル名を入力できるだけでなく、列や行を編集、追加、削除するオプションを使用できるようになります。次に、緑色のボタンをクリックして、テーブルの作成を完了します.

wpDataTablesテーブル設定

あなたは今、家にいます。このページから、テーブルの追加設定を調整できます(オプション)。 「ディスプレイ」オプションを使用して、小型デバイスでの折りたたみを有効にし、水平スクロールバーを追加し、テーブルの幅を制限します。「編集」タブに移動して、フロントエンド編集を有効にするか、テーブルツール(印刷、コピー、エクスポート)を有効にします。クイックリンク)。何よりも、微調整を行うときに編集内容をライブでプレビューできます。クリックすることを忘れないでください セーブ (または適用)変更を行う場合はチェックマーク.

完了したら、3番目の最後のステップで必要になるため、画面の上部からテーブルショートコードをコピーします。.

3.テーブルを投稿またはページに挿入する

wpDataTablesショートコード

テーブルを使用するには、ショートコードを投稿またはページのコンテンツに貼り付けるだけです(上の画像のように)。このショートコードは、テーブルのスタイルに応じて、ウェブサイトのフロントエンドに表示されます。

wpDataTablesフロントエンドテーブル

私たちでは、テーブルツール(印刷、エクスポートなど)、フィルタリング、フロントエンド送信を有効にしていることがわかります。しかし、それだけです–テーブルは準備ができています!

チャートを作成したい?

wpDataTablesを使用してグラフを作成することもできます。テーブルを作成したら、「グラフの作成」をクリックして開始します.

wpDataTablesチャートの作成

ここからグラフに名前を付け、スタイルを選択し(トンから選択できます)、次の画面に進み、グラフの作成に使用するデータテーブルを選択します.

wpDataTablesデータの割り当て

データソースとして使用するテーブルを選択したら、テーブルの列をグラフの各部分に割り当てます。選択したグラフによっては、必要な値の最小数がある場合があります。この例では、棒グラフにするために少なくとも2つの列が必要な棒グラフを選択しました。列を並べ替えたら、次のステップに進みます。.

wpDataTablesチャートのカスタマイズ

楽しい部分です。オプションを使用してスタイルを設定し、チャートに機能を追加します。レスポンシブな幅、高さ、背景、境界線、フォント、ラベル、色、タイトルの表示/非表示、ホバー時のツールチップなど、さまざまなオプションがあります.

編集が完了したら、[次へ]をクリックして、グラフのショートコードをコピーします。投稿またはページのコンテンツに貼り付けて保存し、Webサイトのフロントエンドに移動してグラフを表示します!

WordPressテーブル機能をさらに追加

もっと欲しい?いくつかあります wpDataTablesの拡張機能とアドオン WordPressサイトの表とグラフのオプションをさらに追加する.

wpDataTables詳細フィルター

強力なフィルター:カスケード(左から右への複合)フィルターの設定、ファセットフィルター(複数のフィルターを適用して結果を絞り込む)、ユーザーがフィルターを選択するまでテーブルビューを無効にする、ライブ検索機能などを追加します。テーブルを設定するときにオプションを有効にして構成するだけです.

レポートビルダー:データテーブルに基づいて独自のカスタムWordまたはExcelレポートを生成します。これは、ユーザーがフロントエンドで編集できるようにする場合(データを収集してレポートを再実行して印刷できる場合)、またはレポートを定期的に再生成する必要がある場合(月次請求書やタイムカードなど)に特に役立ちます。.

wpDataTables手ごわいフォーム

手ごわいフォーム:人気のあるFormidable Forms Proフォームビルダーのサポートを追加します。 Formidable Formsを使用してデータ収集フォーム(調査など)を作成し、ユーザーの送信に基づいてテーブルを自動生成し、各フィールドを列に変換します.

重力フォーム:Gravity Formsの送信をwpDataTablesと統合して、ユーザーデータに基づいてWordPressテーブルを自動的に作成します。拡張機能は、テーブルの作成時に新しいデータソースを追加するため、特定の重力フォームに簡単にリンクしてデータを視覚化できます.

自分でwpDataTablesを試す

wpDataTablesライブサンドボックス

ほとんどの開発者はライブデモを提供して、プラグインが何ができるかを感じさせます。ただし、出力、つまり「フロントエンド」ビューのみが表示されます。これは、事前定義された入力に基づいています。これは、ほとんどのプラグインライブデモでは不十分です。プラグインの設定やツール、つまりバックエンドにアクセスできません。.

wpDataTablesは、デモで完全なサンドボックスを提供します。 購入前に試す. すべての自動車ディーラーがこれを行います-悪名高いテストドライブ。サンドボックスを介して、プラグインの機能を心ゆくまでテストし、出力をリアルタイムで表示できます.

wpDataTablesデモを見る

自分のインストールでテストするためにコピーをダウンロードしてみませんか? wpDataTablesは、WordPress.orgリポジトリから取得できるライトバージョンを提供します。上記で説明した優れたプレミアム機能がすべて含まれているわけではありませんが、プラグインがニーズに適したソリューションであるかどうかを確認する優れた方法です.

wpDataTables Liteを取得する

そして、気に入ったら、安心して購入できます。どうして?製品をすでにテストして使用しているため.

結論

wpDataTablesは、膨大な量のデータを扱うWordPressサイトに欠かせないプラグインの1つです。学校のプロジェクトを作成する場合でも、会社の年次報告書を作成する場合でも、テーブルとその視覚化はデータ表現において重要な役割を果たします.

WordPressのwpDataTablesを取得する

wpDataTablesを試しましたか?または、このプラグインで何ができるかについて質問がありますか?下にコメントを残してください–ご意見をお待ちしています!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me