Όλοι οι σύγχρονοι ιστότοποι έχουν σχεδιαστεί για να λειτουργούν σωστά σε διάφορα πλάτη οθόνης. Οι πίνακες δημιουργήθηκαν χρησιμοποιώντας απλό HTML τα παλιά χρόνια. Καθώς η ευέλικτη σχεδίαση ιστοσελίδων έχει γίνει το νέο πρότυπο, οι βασικοί πίνακες HTML δυσκολεύονται να συμβαδίσουν με τις απαιτήσεις των σύγχρονων ιστοτόπων. Επειδή οι απλοί πίνακες HTML δεν ανταποκρίνονται, το κείμενο που περιλαμβάνεται σε αυτούς είναι εξαιρετικά δύσκολο να διαβαστεί σε μεγέθη οθόνης κινητών, γι' αυτό χρησιμοποιούνται για την ανάπτυξη αποκριτικών πινάκων που προσαρμόζουν τη διάταξή τους ανάλογα με το μέγεθος οθόνης στο οποίο προβάλλονται. Τα ερωτήματα πολυμέσων HTML και CSS πρέπει να χρησιμοποιούνται σε συνδυασμό το ένα με το άλλο.
- Λύση 1: Οι πίνακες μπορούν να δημιουργηθούν χρησιμοποιώντας το Divi Builder.
- Λύση 2: Χρησιμοποιήστε plugin πίνακα που περιλαμβάνουν αυτή τη λειτουργία από προεπιλογή!
- WP Table Manager
- Διεπαφή για το WP Table Manager
- συμπέρασμα
Οι πίνακες μπορούν να κατασκευαστούν με ευανάγνωστη διάταξη σε όλα τα μεγέθη οθόνης για ένα ενιαίο σύνολο πληροφοριών που δεν είναι πολύ τεράστιες ή διαφορετικές, και αυτό μπορεί να επιτευχθεί με βασικές προσεγγίσεις HTML και CSS. Ωστόσο, εάν ο πίνακας προορίζεται να περιέχει σημαντικό όγκο δεδομένων, δεν είναι εύκολο να δημιουργήσετε μια ευανάγνωστη διάταξη σε κινητές συσκευές ή οθόνες με πλάτος μικρότερο από 786 pixel.
Εάν ο σχεδιαστής ιστοσελίδων που εργάζεται με HTML και CSS για να κάνει έναν πίνακα να ανταποκρίνεται σε όλα τα μεγέθη οθόνης δεν λαμβάνει υπόψη την ποσότητα των δεδομένων, είναι πιθανό να αντιμετωπίσει προβλήματα που επηρεάζουν σημαντικά την αναγνωσιμότητα του περιεχομένου του ιστότοπου. Ακολουθούν ορισμένες προτάσεις που μπορείτε, ως σχεδιαστής ιστοτόπων Divi, να εφαρμόσετε στην πράξη όταν προσπαθείτε να δημιουργήσετε αποκριτικούς πίνακες με μη αυτόματο τρόπο.
Ενώ μειώνετε το μέγεθος του πίνακα για να φιλοξενήσει μια μικρότερη οθόνη, θα χρειαστεί να δημιουργήσετε πολλές κλάσεις CSS, με κάθε τάξη να στοχεύει μια συγκεκριμένη ανάλυση οθόνης.
Μια εναλλακτική λύση που μπορείτε να κάνετε είναι να αποκρύψετε συγκεκριμένες στήλες από τον πίνακα όταν το μέγεθος της οθόνης είναι μικρότερο.
Για μικρότερες οθόνες, μπορείτε να συμπεριλάβετε οριζόντιες ή κάθετες κύλιση στις κεφαλίδες και τα υποσέλιδα του πίνακα.
Δημιουργήστε έναν ενιαίο πίνακα που μπορεί να κλιμακωθεί ώστε να ταιριάζει σε όλα τα μεγέθη οθόνης και μεγεθύνετε τον πίνακα για να κάνετε το υλικό πιο ευανάγνωστο.
Αυτές οι λύσεις απαιτούν σημαντική προσπάθεια και οι απαιτήσεις μπορεί να διαφέρουν ανάλογα με το περιεχόμενο και το μέγεθος της οθόνης.
Λύση 1: Οι πίνακες μπορούν να δημιουργηθούν χρησιμοποιώντας το Divi Builder.
Η Elegant Themes δημιούργησε ένα σεμινάριο για να δείξει πώς να δημιουργείτε αποκριτικούς πίνακες χρησιμοποιώντας τις ενσωματωμένες δυνατότητες του Divi. Δείτε το εδώ. Έχουν προσθέσει δυνατότητες οριζόντιας κύλισης στις στήλες που ξεχειλίζουν το κοντέινερ του πίνακα, επιτρέποντας στον πίνακα να ανταποκρίνεται περισσότερο στις εισαγωγές του χρήστη. Μπορείτε να μάθετε περισσότερα μεταβαίνοντας στη σελίδα εκμάθησης:
Λύση 2: Χρησιμοποιήστε plugin πίνακα που περιλαμβάνουν αυτή τη λειτουργία από προεπιλογή!
Η δημιουργία ενός responsive πίνακα για τον ιστότοπό σας Divi δεν αποτελεί πλέον πρόβλημα, χάρη στην πληθώρα των ΔΩΡΕΑΝ λύσεων plugin που διατίθενται στο repo. Ωστόσο, είναι λίγο δύσκολο να βρείτε plugin πίνακα που έχουν ενσωματωμένες επιλογές απόκρισης για κινητά. Δημοφιλή plugin όπως το wpDataTables δεν έχουν αυτήν τη δυνατότητα ως δωρεάν επιλογή.
Σε αυτήν τη σύνταξη, θεωρούμε ένα από τα καλύτερα plugin WP Tabe Builder .
WP Table Manager
WP Table Manager είναι η μόνη plugin πίνακα WordPress που παρέχει μια ολόκληρη διεπαφή υπολογιστικού φύλλου για τη διαχείριση πινάκων. Δημιουργήστε έναν πίνακα, επιλέξτε ένα θέμα και ξεκινήστε την επεξεργασία πινάκων μόλις ολοκληρώσετε τη δημιουργία τους. Θα επωφεληθείτε από ένα ολοκληρωμένο σύνολο ισχυρών λειτουργιών επεξεργασίας πινάκων, όπως η επεξεργασία κελιών HTML, η αντιγραφή πινάκων, ο υπολογισμός και ο συγχρονισμός με το Excel, τα Φύλλα Google και το Office 365. Είναι τόσο απλό όσο το να κάνετε κλικ σε ένα κελί και να επεξεργαστείτε δεδομένα με ή χωρίς τη βοήθεια ενός οπτικού επεξεργαστή κειμένου ώστε ο τελικός χρήστης να αλλάξει έναν πίνακα.
WP Table Manager σάς επιτρέπει να σχεδιάζετε ελκυστικούς πίνακες με απόκριση χρησιμοποιώντας μια απλή οπτική διεπαφή. Είναι δωρεάν για χρήση. Μόλις το ενεργοποιήσετε, θα μεταφερθείτε στον οδηγό εγκατάστασης. Ακολουθήστε τις διαδικασίες και κάντε τις απαραίτητες προσαρμογές σύμφωνα με τις προτιμήσεις σας. Ως δια μαγείας, δημιουργήσατε ένα όμορφο τραπέζι που εμφανίζεται όμορφα σε κάθε συσκευή οποιουδήποτε μεγέθους. Στη συνέχεια, το μόνο που έχετε να κάνετε είναι να αντιγράψετε τον σύντομο κώδικα και να τον επικολλήσετε στη σελίδα όπου θέλετε να εμφανίζεται. Το πρόγραμμα δημιουργίας προσφέρει επί του παρόντος επτά στοιχεία (Κείμενο, Εικόνα, Λίστα, Κουμπί, Βαθμολογία με αστέρια, Προσαρμοσμένο HTML και Σύντομος κώδικας) τα οποία μπορείτε να σύρετε και να αποθέσετε σε σύμβολα κράτησης θέσης πίνακα χρησιμοποιώντας τη δυνατότητα μεταφοράς και απόθεσης. Αυτά μπορούν να χρησιμοποιηθούν για τη δημιουργία διαφόρων τύπων πινάκων, όπως πίνακες σύγκρισης προϊόντων, πίνακες τιμών, πίνακες καταλόγων κ.λπ. αυτό είναι το plugin Table που ανακαλύψαμε κατά τη διάρκεια της έρευνάς μας ως το πιο φιλικό προς τους αρχάριους. Λάβετε υπόψη ότι η παρούσα έκδοση δεν διαθέτει πεδίο αναζήτησης ή άλλου τύπου λειτουργία φιλτραρίσματος. Επιπλέον, εάν σκοπεύετε να εισαγάγετε ή να διαχειριστείτε πολλά σύνολα δεδομένων, αυτή μπορεί να μην είναι η ιδανική επιλογή. Για αυτόν τον τύπο χρήσης, το Visualizer ή το Tablepress είναι και οι δύο εξαιρετικές επιλογές.
Διεπαφή για το WP Table Manager
Μπορείτε να συμπεριλάβετε τον σύντομο κώδικα είτε σε μια ενότητα κώδικα είτε μια ενότητα κειμένου στο Divi.
Το θέμα DIVI περιλαμβάνει το WP Table Manager .
plugin WP Table Manager απαντά στη διαχείριση λεπτομερειών όσον αφορά τον χειρισμό πινάκων.
- Μόλις ενεργοποιηθεί η επιλογή φίλτρου στον πίνακά σας, μπορείτε να αναζητήσετε δεδομένα σε κάθε στήλη και να φιλτράρετε ολόκληρο τον πίνακα. Λειτουργεί επίσης σε τεράστια τραπέζια, συμπεριλαμβανομένης της σελιδοποίησης
- Το πάνω και το κάτω βέλος που παρουσιάζεται σε κάθε στήλη θα τακτοποιήσει τα δεδομένα του πίνακα σας. Η παραγγελία δεδομένων πίνακα λειτουργεί επίσης σε τεράστιους πίνακες, συμπεριλαμβανομένης της σελιδοποίησης.
- Αφού δημιουργήσετε τον πίνακά σας με όλα τα δεδομένα που χρειάζεστε, μπορείτε να αφήσετε τους χρήστες να ταξινομήσουν, αλλά μπορείτε επίσης να ορίσετε μια προεπιλεγμένη σειρά. Αυτό μπορεί να είναι πολύ ωφέλιμο όταν οι πληροφορίες αλλάζουν με την πάροδο του χρόνου, καθώς μπορείτε να ταξινομήσετε τους δρομείς μετά τον αγώνα κατά σειρά άφιξης.
- Απαιτείται σελιδοποίηση εάν θέλετε να εμφανίσετε έναν μεγάλο πίνακα στο frontend του ιστότοπού σας, διατηρώντας παράλληλα τους πόρους του διακομιστή σας. Επιλέξτε έναν προκαθορισμένο αριθμό σειρών πίνακα, κάθε σελίδα.
Υπάρχει επίσης ένας ανοιχτός τρόπος διαχείρισης εγγράφων excel μέσω του εισαγωγέα αρχείων WP Table Manager Excel. Ωστόσο, μπορείτε μόνο να εισαγάγετε και να μετατρέψετε δεδομένα του Excel ως επεξεργάσιμο πίνακα HTML ή να εισαγάγετε το αρχείο Excel με το στυλ του να περιλαμβάνει χρώματα, φόντο, μέγεθος στήλης, συνδέσμους.
Διαχειριστείτε τον πίνακα Excel και δημοσιεύστε τον στον ιστότοπό σας στο WordPress! Μπορείτε να ανεβάσετε ένα αρχείο Excel στον πίνακα μέσω της διαχείρισης πολυμέσων του WordPress ή ενός προγράμματος-πελάτη FTP. Στη συνέχεια, επιλέξτε το αρχείο Excel και ξεκινήστε τον συγχρονισμό από τις ρυθμίσεις του πίνακα.
Ο συγχρονισμός μεταξύ του πίνακα WordPress και του αρχείου Excel μπορεί να γίνει τακτικά, μεταξύ ενός λεπτού και μιας ημέρας. Η καθυστέρηση αυτόματου συγχρονισμού μπορεί επίσης να οριστεί για την αποφυγή ανεπιθύμητων ενημερώσεων δημόσιου πίνακα WordPress ή για την εξοικονόμηση πόρων διακομιστή για έναν τεράστιο πίνακα.
Μετά την εισαγωγή ενός πίνακα, όλα τα δεδομένα ενδέχεται να ενημερωθούν. αυτός είναι απλώς ένας συνηθισμένος πίνακας HTML με δυνατότητα επεξεργασίας σαν plugin ! Υπολογιστικό φύλλο WordPress.
Από την άλλη πλευρά, αφού δημιουργήσετε έναν τακτοποιημένο πίνακα με όλα τα δεδομένα που θέλετε, μπορείτε να τον εξαγάγετε ως ένα συμβατικό αρχείο Excel και, για amp , να εκτελέσετε ξανά το ενημερωμένο φύλλο Excel αργότερα. Οι χρήστες σας μπορούν πλέον να εξάγουν τον πίνακα ως φύλλο Excel στη διεπαφή του WordPress.
Το WP Table Manager συγχρονίζεται επίσης με το Office 365 μέσω του OneDrive.
Διατίθεται το εργαλείο εισαγωγής και εξαγωγής αρχείων του OneDrive Excel. εξοικονομήστε χρόνο εισάγοντας και τροποποιώντας τα αρχεία σας κατά την εκτέλεση. Γίνετε ακόμα πιο παραγωγικοί με το συγχρονισμό αρχείων OneDrive! Επιλέξτε ένα αρχείο Office 365 Excel για συγχρονισμό, αυτόματη προσαρμογή και είναι ζωντανό στον ιστότοπό σας.
WP Table Manager σάς βοηθά να δημιουργείτε και να εισάγετε πίνακες από τη βάση δεδομένων. Περιλαμβάνει πλέον ένα εργαλείο για τη δημιουργία πινάκων από μια επιλογή περιεχομένου βάσης δεδομένων ιστότοπου, το οποίο προηγουμένως δεν ήταν διαθέσιμο. Επιλέγονται πίνακες και στήλες από τη βάση δεδομένων, εφαρμόζονται διαμορφώσιμα φίλτρα και η διαχείριση των πινάκων γίνεται μέσω της διεπαφής WP Table manager . Όταν η βάση δεδομένων ενημερώνεται, ο πίνακας σας αυξάνεται αυτόματα! Επιπλέον, έχετε στη διάθεσή σας επιλογές ταξινόμησης, φιλτραρίσματος, αυτόματης σχεδίασης και σελιδοποίησης.
Εάν δεν είστε προγραμματιστής, μπορείτε να συνδέσετε οπτικά οποιοδήποτε υλικό βάσης δεδομένων στον πίνακα HTML σας. Όλοι οι πίνακες στη βάση δεδομένων σας παρουσιάζονται κατά τη δημιουργία ενός νέου πίνακα από το περιεχόμενο της βάσης δεδομένων.
Η βάση δεδομένων του ιστότοπού σας μπορεί να κάνει μια απλή αναζήτηση και να επιλέξει τους πίνακες και τις στήλες σας. αυτό είναι αρκετά ωφέλιμο σε μια τεράστια βάση δεδομένων. Επιπλέον, ένας οδηγός είναι εδώ για να σας βοηθήσει με τον πίνακα από τη βάση δεδομένων βήμα προς βήμα.
Στο τελικό στάδιο, πριν κάνετε προεπισκόπηση του πίνακα από τη βάση δεδομένων, μπορείτε να γράψετε το προσαρμοσμένο ερώτημά σας στους καθορισμένους πίνακες βάσης δεδομένων. Υποστηρίζουμε ορισμένες λειτουργίες, όπως ΕΠΙΛΟΓΗ, ΑΝΤΙΚΑΤΑΣΤΑΣΗ, ΜΕΤΟΝΟΜΑΣΙΑ, ΕΜΦΑΝΙΣΗ, ΕΞΗΓΗΣΗ, ΠΕΡΙΓΡΑΦΗ.
Ένας πίνακας βάσης δεδομένων μερικές φορές συνοδεύεται από πολλές σειρές. Επομένως, αυτή η επιλογή μπορεί να βοηθήσει στην εμφάνιση ενός πίνακα που ταιριάζει στην οθόνη σας. Επιπλέον, μπορείτε να ορίσετε έναν προκαθορισμένο αριθμό σειρών του πίνακα, κάθε σελίδα. Επιπλέον, μπορείτε επίσης να επιλέξετε μια στήλη για να ταξινομήσετε ολόκληρο τον πίνακα από προεπιλογή.
Η σύνδεση πίνακα βάσης δεδομένων WordPress δεν περιορίζεται μόνο σε πίνακες WordPress. Όλοι οι πίνακες που δεν είναι από το WordPress αλλά είναι εγκατεστημένοι στην ίδια βάση δεδομένων μπορούν να συνδεθούν.
Ανάμεσα στα τεράστια δεδομένα στο τραπέζι σας, μπορείτε να δημιουργήσετε μερικούς προσαρμοσμένους κανόνες για να εστιάσετε σε ένα συγκεκριμένο αντικείμενο. Εάν είστε εξοικειωμένοι με αυτό, μπορείτε να παίξετε με τους τελεστές βάσης δεδομένων όπως >, <, LIKE, IN…
Οι πίνακες από τη βάση δεδομένων που δημιουργήσατε μπορούν να επεξεργαστούν όπως οποιοιδήποτε άλλοι πίνακες (αν ο χρήστης έχει πρόσβαση σε αυτό το εύλογο χαρακτηριστικό). Αυτό είναι πολύ βολικό για την ομαδική επεξεργασία ορισμένων δεδομένων βάσης δεδομένων, όπως, για amp , αρκετές ημερομηνίες μετά τη δημοσίευση που θα χρειαζόταν αρκετός χρόνος εάν γινόταν μία προς μία.
συμπέρασμα
Οι πίνακες είναι ένας από τους πιο αποτελεσματικούς τρόπους προβολής ενός συνόλου πληροφοριών. Ωστόσο, για ένα λιγότερο τεχνικό άτομο η δημιουργία πινάκων σε μια ιστοσελίδα είναι μια πρόκληση. Χρησιμοποιώντας αυτά τα plugin , μπορείτε εύκολα να δημιουργήσετε πίνακες που είναι ευανάγνωστοι σε οποιαδήποτε συσκευή με μερικά απλά βήματα. Επιπλέον, οι αποκριτικοί πίνακες είναι βέβαιο ότι θα προσφέρουν θετικές συνολικές εμπειρίες στους επισκέπτες του ιστότοπού σας. Επομένως, δοκιμάστε το και πείτε μας την εμπειρία σας στην παρακάτω ενότητα σχολίων.
