更新 4.5 – 單細胞簡碼、ApexCharts 等

已發表: 2022-08-18

我們的團隊仔細聽取了您的要求，並為您和您的客戶準備了一些很棒的新東西。 我們的目標是滿足您的所有要求，使您的業務達到最高水平。 這導致了 wpDataTables 4.5 更新，我們在其中引入了單單元簡碼、ApexCharts、Avada 和 Divi 集成，以及新的圖表引擎。

然而，這還不是全部！ 如果您有一些新的想法或要求，您可以隨時提出功能建議，我們很樂意聽取您的意見。 您的滿意是我們的主要關注點，因此請隨時與我們聯繫，以便我們共同成長。 很快，您將看到更多出色的功能，但現在，讓我們看看我們為您準備了什麼。

單格簡碼

隨著wpDataTable 4.5 的更新，您最期待的功能終於來了！ 現在，您將能夠僅顯示一個（或多個）表格單元格中的數據，而不是整個表格。 您可以挑選出某種產品的價格、最低重量、最終結果或其他任何對您很重要的東西，並按照您想要的方式進行修改。 如果您想了解更多信息，請單擊此處。

對於此演示，我們使用了產品比較表，您可以在此處查看。

模型
華為 P40 Pro
內存
8 GB 內存
主攝像頭
52 兆像素
價格
804 美元

ApexCharts.js

除了 Google Charts、Highcharts 和 Chart.js，您現在還可以使用 ApexCharts.js 。 它是最流行和最現代的圖表庫之一，您可以使用它來創建滿足您需求的交互式可視化。 此外，它是開源的，您可以將其用於商業應用程序。

什麼是新的？ 您可以隨意使用 19 種圖表類型。 此外，還有許多可用於自定義圖表的新選項，例如標記大小、數據標籤、投影、網格線顏色、網格位置、餅圖的刻度量、工具欄等等。 您可以在此處找到有關如何配置 ApexCharts 的所有詳細信息。

您可以閱讀有關 ApexChart 前面提到的選項的更多信息：

  • 標記大小、刻度數量和陰影
  • 數據標籤
  • 工具提示顏色（與系列相同）
  • 餅圖的單色和其他調色板
  • 徑向條形圖
  • 組合圖

使用 ApexCharts 引擎同步圖表

我們很自豪地在 WordPress 世界中展示一種新的、獨特的圖表類型——同步圖表。 使用同步圖表，您現在可以為相同的數據製作多個圖表並獲得更好的可視化效果。 例如，您可以使用兩個或多個具有共同 x 軸的圖表，並同時比較 y 軸上的差異。 如果您想比較溫度、價格差異或跟踪幾天、幾個月或幾年的費用，這可能特別有用。 這一切都可以通過帶有 wpDataCharts 回調的小擴展來實現。 可以在此處找到有關如何配置它的更多信息。

添加了 Highcharts 可訪問性模塊

為了使您的網站更有效率，我們還添加了 Highcharts 可訪問性模塊。 此外，這將使您的圖表對網絡爬蟲（蜘蛛）更可見，從而有助於 SEO。

新的動態佔位符

我們添加了六個新的動態佔位符（%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 Website Builder 是 WordPress 世界中最知名和使用最廣泛的頁面構建器之一。 它是一個優雅的拖放頁面構建器，允許用戶更改標準頁面佈局。 如果您想了解更多信息，請單擊此處。

Divi Website Builder 是一個網站構建平台，它用非常出色的可視化編輯器取代了標準的 WordPress 帖子編輯器。 如果您想了解更多信息，請單擊此處。

改進：

表選項

  • 在日期選擇器中選擇了一個日期後，它會自動關閉
  • 響應式操作提供了三個新選項。 您現在可以在“圖標” 、“單元格”或“行”之間進行選擇以打開額外的行
  • 當“新建條目”按鈕被禁用時，“應用並添加新”按鈕不再顯示在編輯模式中。
  • 平均計算功能將不再計算空單元格。

分離連接性能

優化了與單獨數據庫的連接，以及具有單獨連接的表的加載時間，得到了顯著改善。

為開發人員添加了更多鉤子

添加了新的鉤子，用於過濾單個單元格短代碼、分別自定義每個圖表引擎的選項以及過濾PDO 和 MySQLi 連接。

現在就是這樣！ 但是，我們不在這裡包裝它。 在接下來的幾個月裡，會有很多新的、有用的功能出現。 試試 wpDataTables 4.5，讓我們知道你的想法。 我們期待聽到它如何改善您的業務。