Actualizarea 4.5 – Shortcode cu o singură celulă, ApexCharts și multe altele

Publicat: 2022-08-18

Echipa noastră a ascultat cu atenție solicitările dumneavoastră și am pregătit câteva lucruri noi minunate pentru dumneavoastră și clienții dumneavoastră. Scopul nostru este să vă îndeplinim toate cerințele și să vă aducem afacerea la cel mai înalt nivel posibil. Acest lucru a dus la actualizarea wpDataTables 4.5, în care am introdus codul scurt cu o singură celulă, integrările ApexCharts, Avada și Divi și un nou motor de diagrame.

Totuși, asta nu este tot! Dacă aveți idei sau solicitări noi, puteți oricând să sugerați o funcție și vom fi bucuroși să vă ascultăm. Satisfacția dumneavoastră este punctul nostru principal, așa că nu ezitați să ne contactați pentru a putea crește împreună. În curând, veți vedea și mai multe funcții grozave, dar acum, să vedem ce v-am pregătit.

Shortcode cu o singură celulă

Cu actualizarea wpDataTable 4.5, funcția pe care ați cerut-o cel mai mult este în sfârșit aici! Acum, veți putea afișa date dintr-o singură (sau mai multe) celule de tabel și nu din întregul tabel. Puteți evidenția prețul unui anumit produs, cea mai mică greutate, rezultatul final sau orice altceva important pentru dvs. și să îl modificați așa cum doriți. Dacă doriți să aflați mai multe, faceți clic aici.

Pentru această demonstrație, am folosit un tabel de comparare a produselor, pe care îl puteți vedea aici .

Model
Huawei P40 Pro
Berbec
8 GB RAM
Camera principală
52 Mpx
Preț
804 USD

ApexCharts.js

Pe lângă Google Charts, Highcharts și Chart.js, acum puteți utiliza și ApexCharts.js . Este una dintre cele mai populare și moderne biblioteci de diagrame pe care o puteți folosi pentru a crea vizualizări interactive pentru nevoile dvs. De asemenea, este un Open Source și îl puteți folosi pentru aplicații comerciale.

Ce mai e nou? Există 19 tipuri de diagrame pe care le puteți utiliza după cum doriți. De asemenea, există opțiuni noi grozave disponibile pentru personalizarea diagramelor, cum ar fi dimensiunea marcatorului, etichetele de date, umbră, culoarea liniei grilei, poziția grilei, cantitatea de bifare pentru diagrama circulară, bara de instrumente și multe altele. Puteți găsi toate detaliile despre cum să vă configurați ApexCharts aici .

Puteți citi mai multe despre opțiunile menționate anterior pentru ApexChart:

  • Dimensiunea markerului, cantitatea de bifă și umbră
  • Etichete de date
  • Culoarea balonului instrument (la fel ca și seria)
  • Palete monocrome și alte culori pentru diagramă circulară
  • Diagramă cu bare radiale
  • Diagrame combinate

Diagrame sincronizate cu motorul ApexCharts

Suntem mândri să prezentăm un nou tip de diagramă unic în lumea WordPress – Diagrame sincronizate. Cu diagramele sincronizate, acum puteți crea mai multe diagrame pentru aceleași date și puteți avea o vizualizare mai bună. De exemplu, puteți utiliza două sau mai multe diagrame cu axa x comună și puteți compara diferențele pe axa y în același timp. Acest lucru poate fi deosebit de util dacă doriți să comparați temperatura, diferența de prețuri sau să urmăriți cheltuielile pe parcursul mai multor zile, luni sau ani. Toate acestea sunt posibile cu o extensie mică cu apeluri inverse wpDataCharts. Mai multe informații despre cum puteți configura acest lucru puteți găsi aici.

S-a adăugat modulul de accesibilitate Highcharts

Pentru a vă face site-ul mai productiv, am adăugat și modulul de accesibilitate Highcharts. De asemenea, acest lucru va ajuta la SEO, făcând graficele mai vizibile pentru crawlerele web (păianjeni).

Substituenți dinamici noi

Am adăugat șase substituenți dinamici noi (%VAR4%, %VAR5%, %VAR6%, %VAR7%, %VAR8% și %VAR9%). Acești substituenți oferă mai multe posibilități pentru filtrarea dinamică a interogărilor SQL, precum și pentru alte tabele de date ale căror coloane folosesc un filtru de text. Dacă doriți să aflați mai multe despre substituenți, faceți clic aici.

De exemplu, să presupunem că lucrăm cu un tabel de produse, cu coloane diferite, cum ar fi numele produsului, modelul, tehnologia etc. În acest caz, am folosi diferiți substituenți pentru a obține anumite valori adaptate nevoilor noastre. %VAR1% vă va oferi numele produsului, %VAR2% modelul produsului respectiv și așa mai departe. Puteți chiar să obțineți ID-ul utilizatorului conectat în prezent folosind substituentul %CURRENT_USER_ID%, așa cum se arată în exemplul de mai jos.

Vă rugăm să rețineți că este posibil să utilizați substituenți cu alte tipuri de tabele - Excel, CSV, Google Spreadsheet, JSON, XML și matrice PHP - prin intermediul codurilor scurte, ca valori predefinite în filtre și pentru tabelele editabile ca valori predefinite în modalul de editare .

Duplicare – noul buton de editare

Noul buton duplicat poate fi folosit în multe cazuri diferite, dar scopul său principal este în situațiile în care aveți mai multe coloane similare și nu doriți să introduceți fiecare rând din nou . În acest fel, puteți doar să duplicați rândul și să schimbați coloanele de care aveți nevoie.

În exemplul de mai jos, am duplicat ultima intrare de produs, modificând doar valoarea coloanei „Culoare”, păstrând restul datelor de intrare la fel.

Puteți alege ce butoane de editare doriți să vedeți pe front-end. Am selectat doar butoanele „Editare” și „Duplicare” pentru acest exemplu.

Noi integrări cu constructorii de site-uri web Avada și Divi

wpDataTables are deja integrări cu unii dintre cei mai populari constructori de pagini, cum ar fi WPBakery, Elementor și Gutenberg, dar acum am extins această listă adăugând integrări cu Avada și Divi.

Avada Website Builder este unul dintre cei mai cunoscuți și mai folosiți creatori de pagini din lumea WordPress. Este un generator de pagini elegant, drag&drop, care permite unui utilizator să schimbe aspectul standard al paginii. Daca vrei sa afli mai multe, click aici.

Divi Website Builder este o platformă de creare de site-uri web care înlocuiește editorul standard de postări WordPress cu un editor vizual cu mult superior. Daca vrei sa afli mai multe, click aici.

Îmbunătățiri:

Opțiuni de masă

  • După ce o dată a fost selectată în selectorul de date , aceasta se închide automat
  • Există trei opțiuni noi pentru acțiunea receptivă. Acum puteți alege între „ pictogramă” , „ celulă” sau „ rând” pentru a deschide un rând suplimentar
  • Când butonul „ Intrare nouă” este dezactivat, butonul „ Aplicați și adăugați nou ” nu mai este afișat în modal de editare.
  • Funcția de calcul medie nu va mai număra celulele goale.

Performanță conexiuni separate

Conexiunile optimizate cu baze de date separate, precum și timpul de încărcare a tabelelor cu o conexiune separată, au fost îmbunătățite semnificativ.

S-au adăugat mai multe cârlige pentru dezvoltatori

Au fost adăugate noi cârlige pentru filtrarea codurilor scurte cu o singură celulă, personalizarea opțiunilor fiecărui motor de diagramă separat și filtrarea conexiunilor PDO și MySQLi.

Atât deocamdată! Cu toate acestea, nu o încheiem aici. Există o mulțime de funcții noi și utile care vor apărea în următoarele luni. Încercați wpDataTables 4.5 și spuneți-ne părerea dvs. Așteptăm cu nerăbdare să aflăm cum a îmbunătățit afacerea dvs.