アップデート 4.5 – 単一セルのショートコード、ApexCharts など

公開: 2022-08-18

私たちのチームはあなたのリクエストに注意深く耳を傾け、あなたとあなたのクライアントのためにいくつかの素晴らしい新しいものを用意しました. 私たちの目標は、すべての要件を満たし、ビジネスを可能な限り最高のレベルに引き上げることです。 その結果、wpDataTables 4.5 の更新が行われ、単一セルのショートコード、ApexCharts、Avada および Divi の統合、新しいチャート エンジンが導入されました。

しかし、これだけではありません！ 新しいアイデアやリクエストがあれば、いつでも機能を提案できます。喜んでお知らせいたします。 お客様の満足が私たちの主な焦点です。一緒に成長できるよう、お気軽にお問い合わせください。 すぐに、さらに多くの優れた機能が表示されますが、今は、私たちがあなたのために用意したものを見てみましょう.

シングルセルショートコード

wpDataTable 4.5 の更新により、あなたが最も求めていた機能がついに登場しました! これで、テーブル全体ではなく、 1 つ (または複数) のテーブル セルからデータを表示できるようになります。 特定の製品の価格、最低重量、最終的な結果、またはその他の重要なものを選択して、必要に応じて変更できます。 詳細については、ここをクリックしてください。

このデモンストレーションでは、こちらでご覧いただける製品比較表を使用しました。

モデル
ファーウェイ P40 プロ
羊
8GBのRAM
メインカメラ
52メガピクセル
価格
$804

ApexCharts.js

Google Charts、Highcharts、Chart.js に加えて、ApexCharts.jsも使用できるようになりました。 これは、ニーズに合わせてインタラクティブな視覚化を作成するために使用できる、最も人気のある最新のチャート作成ライブラリの 1 つです。 また、これはオープンソースであり、商用アプリケーションに使用できます。

新着情報？ 19種類のチャートタイプからお好みでお使いいただけます。 また、マーカー サイズ、データ ラベル、ドロップ シャドウ、グリッド ラインの色、グリッド位置、円グラフの目盛り量、ツールバーなど、チャートをカスタマイズするための優れた新しいオプションが用意されています。 ApexCharts の設定方法の詳細については、こちらを参照してください。

前述の ApexChart のオプションの詳細を読むことができます。

  • マーカーのサイズ、ティック量、ドロップ シャドウ
  • データ ラベル
  • ツールチップの色 (シリーズと同じ)
  • 円グラフのモノクロおよびその他のカラー パレット
  • 放射状棒グラフ
  • コンボチャート

ApexCharts エンジンと同期されたチャート

WordPress の世界で新しいユニークなチャートタイプ、同期チャートをご紹介できることを誇りに思います。 同期チャートを使用すると、同じデータに対して複数のチャートを作成し、視覚化を向上させることができるようになりました。 たとえば、共通の x 軸を持つ 2 つ以上のグラフを使用して、同時に y 軸の違いを比較できます。 これは、気温や価格の違いを比較したり、数日、数か月、または数年にわたって支出を追跡したりしたい場合に特に役立ちます。 これは、wpDataCharts コールバックを使用した小さな拡張機能ですべて可能です。 これを構成する方法の詳細については、こちらを参照してください。

Highcharts アクセシビリティ モジュールを追加

ウェブサイトの生産性を高めるために、Highcharts アクセシビリティ モジュールも追加しました。 また、これにより、チャートが Web クローラー (スパイダー) に認識されやすくなるため、SEO にも役立ちます。

新しい動的プレースホルダー

6 つの新しい動的プレースホルダー(%VAR4%、%VAR5%、%VAR6%、%VAR7%、%VAR8%、%VAR9%) を追加しました。 これらのプレースホルダーは、SQL クエリの動的フィルター処理や、列がテキスト フィルターを使用する他のデータ テーブルに対して、より多くの可能性を提供します。 プレースホルダについて詳しく知りたい場合は、ここをクリックしてください。

たとえば、製品名、モデル、技術などのさまざまな列を持つ製品テーブルを操作しているとします。この場合、さまざまなプレースホルダーを使用して、ニーズに合わせた特定の値を取得します。 %VAR1% は製品名、%VAR2% はその製品のモデルなどを取得します。 以下の例に示すように、%CURRENT_USER_ID% プレースホルダーを使用して、現在ログインしているユーザーの ID を取得することもできます。

Excel、CSV、Google スプレッドシート、JSON、XML、および PHP 配列などの他のテーブル タイプでプレースホルダーを使用することも可能であることに注意してください。ショートコードを介して、フィルターの定義済みの値として、編集可能なテーブルの場合は編集モーダルの定義済みの値として使用できます。 .

複製 – 新しい編集ボタン

新しい複製ボタンはさまざまなケースで使用できますが、その主な目的は、類似した列が複数あり、各行をもう一度入力したくない場合です。 このようにして、行を複製し、必要な列を変更することができます。

以下の例では、最後の製品エントリを複製し、「色」列の値のみを変更して、残りのエントリ データを同じに保ちます。

フロントエンドに表示する編集ボタンを選択できます。 この例では、「編集」ボタンと「複製」ボタンのみを選択しました。

Avada および Divi ウェブサイト ビルダーとの新しい統合

wpDataTablesは、WPBakery、Elementor、Gutenberg などの最も人気のあるページ ビルダーと既に統合されていますが、Avada と Divi との統合を追加することで、このリストを拡張しました。

Avada Web サイト ビルダーは、WordPress の世界で最も有名で広く使用されているページ ビルダーの 1 つです。 これは、ユーザーが標準のページ レイアウトを変更できる、エレガントなドラッグ アンド ドロップ ページ ビルダーです。 詳細を知りたい場合は、ここをクリックしてください。

Divi Website Builder は、標準の WordPress 投稿エディターを非常に優れたビジュアル エディターに置き換える Web サイト構築プラットフォームです。 詳細を知りたい場合は、ここをクリックしてください。

改良点:

テーブル オプション

  • 日付ピッカーで日付を選択すると、自動的に閉じます
  • レスポンシブ アクションには 3 つの新しいオプションがあります。 追加の行を開くために、「アイコン」 、「セル」 、または「行」から選択できるようになりました
  • 「新規エントリ」ボタンを無効にすると、「適用して新規追加」ボタンが編集モーダルに表示されなくなります。
  • 平均計算機能は、空のセルをカウントしなくなりました。

セパレート接続性能

別のデータベースとの最適化された接続、および別の接続を使用したテーブルの読み込み時間が大幅に改善されました。

開発者向けのフックを追加

単一セルのショートコードのフィルタリング、各チャート エンジンのオプションの個別のカスタマイズ、および PDO と MySQLi 接続のフィルタリングのための新しいフックが追加されました。

とりあえず以上です！ ただし、ここではラップしません。 今後数か月で登場する新しい便利な機能がたくさんあります。 wpDataTables 4.5 を試して、ご意見をお聞かせください。 それがあなたのビジネスをどのように改善したかを聞くのを楽しみにしています。