Mise à jour 4.5 - Shortcode à cellule unique, ApexCharts et plus

Publié: 2022-08-18

Notre équipe a écouté attentivement vos demandes et nous avons préparé de superbes nouveautés pour vous et vos clients. Notre objectif est de répondre à toutes vos exigences et d'amener votre entreprise au plus haut niveau possible. Cela a abouti à la mise à jour wpDataTables 4.5, où nous avons introduit le shortcode à cellule unique, les intégrations ApexCharts, Avada et Divi, et un nouveau moteur de graphique.

Cependant, ce n'est pas tout! Si vous avez de nouvelles idées ou demandes, vous pouvez toujours suggérer une fonctionnalité et nous serons heureux de vous entendre. Votre satisfaction est notre objectif principal, alors n'hésitez pas à nous contacter pour que nous puissions grandir ensemble. Bientôt, vous verrez encore plus de fonctionnalités intéressantes, mais pour l'instant, voyons ce que nous avons préparé pour vous.

Shortcode à cellule unique

Avec la mise à jour wpDataTable 4.5, la fonctionnalité que vous réclamiez le plus est enfin là ! Désormais, vous pourrez afficher les données d'une seule (ou plusieurs) cellule de tableau , et non de l'ensemble du tableau. Vous pouvez choisir le prix d'un certain produit, le poids le plus bas, le résultat final ou tout autre élément important pour vous et le modifier comme vous le souhaitez. Si vous voulez en savoir plus, cliquez simplement ici.

Pour cette démonstration, nous avons utilisé un tableau comparatif des produits, que vous pouvez consulter ici .

Modèle
Huawei P40 Pro
RAM
8 Go de RAM
Caméra principale
52 Mpx
Prix
804 $

ApexCharts.js

Outre Google Charts, Highcharts et Chart.js, vous pouvez désormais également utiliser ApexCharts.js . C'est l'une des bibliothèques de graphiques les plus populaires et les plus modernes que vous pouvez utiliser pour créer des visualisations interactives adaptées à vos besoins. De plus, c'est un Open Source et vous pouvez l'utiliser pour des applications commerciales.

Quoi de neuf? Il existe 19 types de graphiques que vous pouvez utiliser comme vous le souhaitez. En outre, de nouvelles options intéressantes sont disponibles pour personnaliser vos graphiques, telles que la taille du marqueur, les étiquettes de données, l'ombre portée, la couleur de la ligne de la grille, la position de la grille, la quantité de coches pour le graphique à secteurs, la barre d'outils et bien d'autres. Vous pouvez trouver tous les détails sur la façon de configurer vos ApexCharts ici .

Vous pouvez en savoir plus sur les options mentionnées précédemment pour ApexChart :

  • Taille du marqueur, quantité de ticks et ombre portée
  • Étiquettes de données
  • Couleur de l'info-bulle (identique à la série)
  • Monochrome et autres palettes de couleurs pour le graphique à secteurs
  • Diagramme à barres radiales
  • Graphiques combinés

Graphiques synchronisés avec le moteur ApexCharts

Nous sommes fiers de présenter un nouveau type de graphique unique dans le monde WordPress : les graphiques synchronisés. Avec les graphiques synchronisés, vous pouvez désormais créer plusieurs graphiques pour les mêmes données et bénéficier d'une meilleure visualisation. Par exemple, vous pouvez utiliser deux graphiques ou plus avec l'axe des x commun et comparer les différences sur l'axe des y en même temps. Cela peut être particulièrement utile si vous cherchez à comparer la température, la différence de prix ou à suivre vos dépenses sur plusieurs jours, mois ou années. Tout cela est possible avec une petite extension avec des rappels wpDataCharts. Vous trouverez plus d'informations sur la façon dont vous pouvez le configurer ici.

Ajout du module d'accessibilité Highcharts

Afin de rendre votre site Web plus productif, nous avons également ajouté le module d'accessibilité Highcharts. En outre, cela aidera le référencement en rendant vos graphiques plus visibles pour les robots d'indexation (araignées).

Nouveaux espaces réservés dynamiques

Nous avons ajouté six nouveaux espaces réservés dynamiques (%VAR4%, %VAR5%, %VAR6%, %VAR7%, %VAR8% et %VAR9%). Ces espaces réservés offrent plus de possibilités pour le filtrage dynamique des requêtes SQL, ainsi que pour d'autres tables de données dont les colonnes utilisent un filtre de texte. Si vous voulez en savoir plus sur les espaces réservés, cliquez ici.

Par exemple, disons que nous travaillons avec une table de produits, avec différentes colonnes telles que le nom du produit, le modèle, la technologie, etc. Dans ce cas, nous utiliserons différents espaces réservés pour obtenir certaines valeurs adaptées à nos besoins. %VAR1% vous donnera le nom du produit, %VAR2% le modèle de ce produit et ainsi de suite. Vous pouvez même obtenir l'identifiant de l'utilisateur actuellement connecté en utilisant l'espace réservé %CURRENT_USER_ID%, comme illustré dans l'exemple ci-dessous.

Veuillez noter qu'il est possible d'utiliser des espaces réservés avec d'autres types de tableaux - Excel, CSV, Google Spreadsheet, JSON, XML et tableau PHP - via les shortcodes, en tant que valeurs prédéfinies dans les filtres, et pour les tableaux modifiables en tant que valeurs prédéfinies dans le modal d'édition .

Dupliquer - le nouveau bouton d'édition

Le nouveau bouton de duplication peut être utilisé dans de nombreux cas différents, mais son objectif principal est dans les situations où vous avez plusieurs colonnes similaires et que vous ne voudriez pas saisir à nouveau chaque ligne . De cette façon, vous pouvez simplement dupliquer la ligne et modifier les colonnes dont vous avez besoin.

Dans l'exemple ci-dessous, nous avons dupliqué la dernière entrée de produit, en changeant uniquement la valeur de la colonne "Couleur", en gardant le reste des données d'entrée identiques.

Vous pouvez choisir les boutons d'édition que vous souhaitez voir sur le front-end. Nous avons sélectionné uniquement les boutons "Modifier" et "Dupliquer" pour cet exemple.

Nouvelles intégrations avec les constructeurs de sites Web Avada et Divi

wpDataTables a déjà des intégrations avec certains des constructeurs de pages les plus populaires tels que WPBakery, Elementor et Gutenberg, mais nous avons maintenant élargi cette liste en ajoutant des intégrations avec Avada et Divi.

Avada Website Builder est l'un des constructeurs de pages les plus connus et les plus utilisés dans le monde de WordPress. Il s'agit d'un élégant générateur de pages par glisser-déposer qui permet à un utilisateur de modifier les mises en page standard. Si vous voulez en savoir plus, cliquez ici.

Divi Website Builder est une plate-forme de création de sites Web qui remplace l'éditeur de publication WordPress standard par un éditeur visuel largement supérieur. Si vous voulez en savoir plus, cliquez ici.

Améliorations :

Options de tableau

  • Une fois qu'une date a été sélectionnée dans le sélecteur de date , il se ferme automatiquement
  • Il existe trois nouvelles options d'action réactive. Vous pouvez maintenant choisir entre " Icône" , " Cellule" ou " Ligne" pour ouvrir une ligne supplémentaire
  • Lorsque le bouton « Nouvelle entrée » est désactivé, le bouton « Appliquer et ajouter un nouveau » n'est plus affiché dans la fenêtre d'édition.
  • La fonction de calcul de la moyenne ne comptera plus les cellules vides.

Performances des connexions séparées

Les connexions optimisées avec des bases de données séparées, ainsi que le temps de chargement des tables avec une connexion séparée, ont été considérablement améliorés.

Ajout de plus de crochets pour les développeurs

De nouveaux crochets ont été ajoutés pour filtrer les codes abrégés à cellule unique, personnaliser les options de chaque moteur de graphique séparément et filtrer les connexions PDO et MySQLi.

C'est tout pour le moment! Cependant, nous ne l'emballons pas ici. De nombreuses nouvelles fonctionnalités utiles verront le jour dans les mois à venir. Essayez wpDataTables 4.5 et faites-nous part de vos réflexions . Nous sommes impatients de savoir comment cela a amélioré votre entreprise.