Πώς να εμφανίσετε έναν πίνακα HTML του WordPress από καταχωρήσεις Gravity Forms

WP Table Manager έχει μια εξαιρετική ενσωμάτωση με το Gravity Forms που μας επιτρέπει να δημιουργούμε πίνακες HTML με βάση τις καταχωρήσεις, επιτρέποντάς μας να φιλτράρουμε, να σχεδιάζουμε και να εμφανίζουμε με άμεσο συγχρονισμό τις καταχωρήσεις με τον καλύτερο δυνατό τρόπο.

Η εμφάνιση καταχωρίσεων φόρμας είναι μια σημαντική πτυχή που χρειαζόμαστε σε κάθε ιστότοπο, καθώς αυτός είναι ο καλύτερος τρόπος για να αξιοποιήσουμε αυτά που συλλέγει η φόρμα μας και οι πίνακες είναι οι καλύτεροι για αυτό. Αυτό δεν βοηθά μόνο στις εσωτερικές διαδικασίες, αλλά βοηθάει πολύ και όταν θέλουμε να εμφανίσουμε αυτές τις υποβολές στις σελίδες ή τις αναρτήσεις μας, εάν, για παράδειγμα, έχουμε μια φόρμα επαφών που συλλέγει δεδομένα από παρόχους και εμφανίζει αυτές τις πληροφορίες στους πελάτες μας.

Σε αυτό το σεμινάριο, θα δούμε πώς να προσθέσουμε τις καταχωρήσεις της Gravity Form απευθείας σε έναν πίνακα HTML με τη δυνατότητα να τις προσθέσουμε και σε μια σελίδα ή ανάρτηση.

Δημιουργήστε και προσαρμόστε πίνακες HTML του WordPress με καταχωρήσεις φόρμας

Είναι σημαντικό να σημειωθεί ότι χρειαζόμαστε τα Gravity Forms και WP Table Manager για να ακολουθήσουμε αυτό το σεμινάριο.

Ας ξεκινήσουμε με τη δημιουργία του πίνακα, έχουμε ήδη δημιουργήσει μερικές Φόρμες Βαρύτητας με κάποιες καταχωρήσεις για αυτό το σεμινάριο.

Τώρα που οι φόρμες μας είναι έτοιμες, πρέπει να πάμε στο WP Table Manager > All tables και να κάνουμε κλικ στο + Create . Αν έχουμε εγκατεστημένο το Gravity Forms, θα εμφανιστεί το Table From Gravity Form , κάντε κλικ σε αυτό.

Αυτό θα εμφανίσει όλες τις ενεργές φόρμες, απλώς πρέπει να επιλέξουμε τη φόρμα που θα χρησιμοποιηθεί και στη συνέχεια να επιλέξουμε τα πεδία που θέλουμε να εμφανίσουμε ή απλώς να εμφανίσουμε όλα τα πεδία και να κάνουμε κλικ στο Τέλος .

Ο πίνακάς μας θα φορτώσει αυτόματα με τις καταχωρήσεις από τη φόρμα, προσθέτοντας περιγράμματα μόνο στην κεφαλίδα, ώστε να μπορούμε να τις αναγνωρίσουμε εύκολα.

Τώρα, το πρώτο πράγμα που μπορούμε να δούμε είναι ότι έχουμε όλες τις επιλογές προσαρμογής από WP Table Manager διαθέσιμες, οπότε ας ξεκινήσουμε δημιουργώντας ένα φίλτρο, αυτό είναι χρήσιμο όταν έχουμε πολλές καταχωρήσεις σε μια φόρμα.

Για να δημιουργήσετε ένα φίλτρο, κάντε κλικ στην επιλογή Μορφή > Ταξινόμηση και Φίλτρα . Θα εμφανιστεί ένα αναδυόμενο παράθυρο όπου μπορούμε να επιλέξουμε τι θα φιλτράρουμε και, αν θέλουμε και επιλογή ταξινόμησης, έτσι θα μοιάζει αφού ορίσουμε την Ενεργοποίηση φίλτρου από Κανένα σε Μέσα στη στήλη και ενεργοποιήσουμε και την ταξινόμηση .

Η ταξινόμηση και τα φίλτρα θα εμφανίζονται μόνο στην αρχή του ιστότοπού μας, επομένως θα πρέπει να προσθέσουμε τον πίνακα στη σελίδα/δημοσίευσή μας για να τον δούμε. Η προσθήκη του πίνακά μας είναι τόσο εύκολη όσο η αναζήτηση του μπλοκ Πίνακα WP Table Manager και η προσθήκη του στην ανάρτηση/σελίδα μας.

Φανταστικά φίλτρα με επιλογή ταξινόμησης, αλλά μπορούμε ακόμα να διαμορφώσουμε τον πίνακά μας. Για να το κάνουμε αυτό, μπορούμε να χρησιμοποιήσουμε όλες τις επιλογές από τον επεξεργαστή πινάκων στο WP Table Manager, από την ευθυγράμμιση μέχρι τα περιγράμματα και τις έντονες γραμματοσειρές. Έχουμε όλες τις ακόλουθες επιλογές διαθέσιμες.

Για αυτό το σεμινάριο, θα ορίσω όλες τις γραμματοσειρές να είναι ισχυρές και θα χρησιμοποιήσω την Θέμα > Εναλλακτικά χρώματα, η οποία θα επιταχύνει περαιτέρω τη δημιουργία του πίνακα.

Το καλύτερο είναι ότι ο πίνακάς μας θα ενημερώνει συνεχώς το κελί με όλες τις καταχωρήσεις που έχουν υποβληθεί. Ας δούμε τη φόρμα μας στη σελίδα όπου την δημοσιεύσαμε προηγουμένως.

Και έτοιμη! Οι καταχωρίσεις μας θα εμφανιστούν και οι επιλογές για την προσαρμογή του πίνακα θα μας επιτρέψουν να τον προσαρμόσουμε σε οποιοδήποτε θέμα!

Από καταχωρήσεις Gravity Form σε Γραφήματα

Θα μπορούσαμε να σκεφτούμε ότι WP Table Manager θα μας επέτρεπε να δημιουργούμε πίνακες μόνο από τις καταχωρήσεις και η απάντηση είναι όχι! Μπορούμε επίσης να δημιουργήσουμε γραφήματα με βάση τις πληροφορίες και είναι τόσο εύκολο όσο κάνοντας κλικ στο Γράφημα > Δημιουργία Γραφήματος από δεδομένα .

Και η μαγεία έγινε! Τα δεδομένα των πινάκων μας εμφανίζονται πλέον σε ένα γράφημα και έχουμε ένα πλευρικό πλαίσιο με πολλά εργαλεία προσαρμογής, όπως η εφαρμογή ενός άλλου θέματος ή η επιλογή των δεδομένων που θα χρησιμοποιηθούν για το γράφημα. Τώρα θα μπορούσαμε, για παράδειγμα, να δημιουργήσουμε ένα γράφημα με βάση την ποσότητα των προϊόντων που αγοράστηκαν χρησιμοποιώντας τις φόρμες μας!

Στο πρώτο τμήμα του πλευρικού πίνακα, μπορούμε να επιλέξουμε το θέμα και να επιλέξουμε τα δεδομένα και τα χρώματα που θα χρησιμοποιηθούν.

Και η δεύτερη ενότητα με τη Διαμόρφωση θα μας επιτρέψει να προσαρμόσουμε περαιτέρω το γράφημά μας και να επεξεργαστούμε τις ετικέτες που χρησιμοποιούνται για τον ορισμό κάθε μέρους του γραφήματος, περιέχει επίσης ένα σύντομο κώδικα που μπορούμε να χρησιμοποιήσουμε για να εμφανίσουμε το γράφημά μας όπου θέλουμε.

Σε αυτήν την περίπτωση, συγκρίνουμε 2 προϊόντα, οπότε καταλήξαμε να χρησιμοποιήσουμε το κυκλικό διάγραμμα με 2 διαφορετικά χρώματα που θα μας επιτρέψει να δούμε εύκολα τη διαφορά στον αριθμό των πωλήσεων.

Η διαδικασία δημοσίευσης αυτού θα ήταν παρόμοια με την κανονική εμφάνιση πίνακα, μπορούμε να χρησιμοποιήσουμε οποιοδήποτε εργαλείο δημιουργίας σελίδων με το μπλοκ γραφημάτων WP Table Manager (το οποίο είναι διαθέσιμο σε όλα τα μεγάλα εργαλεία δημιουργίας σελίδων).

Θα ανοίξει ένα πλαίσιο όπου μπορούμε να επιλέξουμε το γράφημα που θέλουμε να εμφανίσουμε, πρέπει να το επιλέξουμε και είναι έτοιμο! Το γράφημα δημοσιεύτηκε.

Τώρα που έχουμε έναν πίνακα με τις καταχωρήσεις μας και ένα φοβερό γράφημα που μας βοηθά να κατανοήσουμε και τον πίνακα, μπορούμε να πούμε ότι αυτή η ενσωμάτωση είναι ένα εντελώς ολοκληρωμένο εργαλείο! Έτσι δεν είναι;

Ξεκινήστε να χρησιμοποιείτε το Gravity Forms και WP Table Manager

Όπως μπορείτε να δείτε, WP Table Manager + Gravity Forms είναι ο τέλειος συνδυασμός για να διατηρούμε όλες τις καταχωρήσεις και τα δεδομένα μας σε τάξη. Έχουμε πολλούς τρόπους να τα εμφανίσουμε και η ενσωμάτωση είναι τόσο εύκολη όσο το πάτημα ενός κουμπιού, τέλειο! Έτσι δεν είναι; Τι περιμένετε; Πηγαίνετε εδώ και αποκτήστε WP Table Manager τώρα.