Όλες οι σύγχρονες ιστοσελίδες έχουν σχεδιαστεί για να λειτουργούν σωστά σε διάφορα πλάτη οθόνης. Οι πίνακες δημιουργήθηκαν χρησιμοποιώντας απλό 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 πίνακα που περιλαμβάνουν αυτήν τη λειτουργικότητα από προεπιλογή!
Η δημιουργία ενός ανταποκριτικού πίνακα για τον ιστότοπό σας Divi δεν είναι πλέον πρόβλημα, χάρη στην πληθώρα ΔΩΡΕΑΝ λύσεων plugin που διατίθενται στο repo. Ωστόσο, είναι λίγο δύσκολο να το βρεις τραπέζι plugin s που έχουν ενσωματωμένες επιλογές για κινητά ανταπόκριση. Δημοφιλή plugin είναι σαν το wpDataTables δεν έχουν αυτή τη δυνατότητα ως μια ελεύθερη επιλογή.
Σε αυτήν τη σύνταξη, θεωρούμε ένα από τα καλύτερα του WP Tabe Builder plugin .
WP Table Manager
WP Table Manager είναι το μόνο plugin πίνακα WordPress που παρέχει μια ολόκληρη διεπαφή υπολογιστικών φύλλων για τη διαχείριση πινάκων. Δημιουργήστε έναν πίνακα, επιλέξτε ένα θέμα και αρχίστε να επεξεργάζεστε πίνακες μόλις ολοκληρώσετε τη δημιουργία τους. Θα επωφεληθείτε από ένα ολοκληρωμένο σύνολο ισχυρών δυνατοτήτων επεξεργασίας πίνακα, όπως επεξεργασία κελιών HTML, αντιγραφή πίνακα, υπολογισμός και συγχρονισμό με Excel, Google Sheets και Office 365. είναι τόσο απλό όσο το κλικ σε ένα κελί και η επεξεργασία δεδομένων με ή χωρίς τη βοήθεια ενός επεξεργαστή οπτικού κειμένου για τον τελικό χρήστη να αλλάξει έναν πίνακα.
WP Table Manager σάς επιτρέπει να σχεδιάζετε ελκυστικούς, ανταποκρινόμενους πίνακες χρησιμοποιώντας μια απλή οπτική διεπαφή. Είναι δωρεάν για χρήση. Μόλις το ενεργοποιήσετε, θα σταλεί στον οδηγό εγκατάστασης. Ακολουθήστε τις διαδικασίες και κάντε τις απαραίτητες προσαρμογές στις προτιμήσεις σας. Σαν μαγεία, έχετε δημιουργήσει έναν όμορφο πίνακα που εμφανίζεται όμορφα σε κάθε συσκευή οποιουδήποτε μεγέθους. Στη συνέχεια, το μόνο που έχετε να κάνετε είναι να αντιγράψετε τον σύντομο κώδικα και να τον επικολλήσετε στη σελίδα όπου θέλετε να εμφανίζεται. Το πρόγραμμα δημιουργίας προσφέρει επί του παρόντος επτά στοιχεία (Κείμενο, Εικόνα, Λίστα, Κουμπί, Αξιολόγηση αστεριών, Προσαρμοσμένο HTML και Σύντομο κώδικα) τα οποία μπορείτε να μεταφέρετε και να μεταφέρετε σε θέσεις κράτησης θέσης χρησιμοποιώντας τη δυνατότητα μεταφοράς και απόθεσης. Αυτά μπορούν να χρησιμοποιηθούν για τη δημιουργία διαφόρων τύπων πινάκων, όπως πίνακες σύγκρισης προϊόντων, πίνακες τιμών, πίνακες λίστας κ.λπ. Αυτό είναι το plugin Table που ανακαλύψαμε ότι κατά την έρευνά μας είναι το πιο φιλικό προς τους αρχάριους. Λάβετε υπόψη ότι η παρούσα έκδοση δεν διαθέτει πεδίο αναζήτησης ή οποιοδήποτε άλλο είδος λειτουργικότητας φιλτραρίσματος. Επιπλέον, εάν σκοπεύετε να εισαγάγετε ή να διαχειριστείτε πολλά σύνολα δεδομένων, αυτό μπορεί να μην είναι η ιδανική επιλογή. Για αυτό το είδος σεναρίου χρήσης, το Visualizer ή το Tablepress είναι και οι δύο εξαιρετικές επιλογές.
Διεπαφή για το WP Table Manager
Μπορείτε να συμπεριλάβετε τον σύντομο κωδικό είτε σε μια ενότητα κώδικα είτε σε μια ενότητα κειμένου στο Divi.
Το θέμα DIVI περιλαμβάνει το WP Table Manager .
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 le, εκτελέστε ξανά την ενημερωμένη φύλλο Excel αργότερα. Οι χρήστες σας μπορούν πλέον να εξάγουν τον πίνακα ως φύλλο Excel στο frontend του WordPress.
Το WP Table Manager συγχρονίζεται επίσης με το Office 365 μέσω του OneDrive.
Το εργαλείο εισαγωγής και εξαγωγής αρχείου OneDrive Excel είναι διαθέσιμο. εξοικονομήστε χρόνο εισάγοντας και τροποποιώντας τα αρχεία σας κατά την εκτέλεση. Γίνετε ακόμη πιο παραγωγικοί με το συγχρονισμό αρχείων OneDrive! Επιλέξτε ένα αρχείο του Office 365 Excel για συγχρονισμό, αυτόματη προσαρμογή και είναι διαθέσιμο στον ιστότοπό σας.
WP Table Manager σάς βοηθά να δημιουργείτε και να εισάγετε καρτέλες από τη βάση δεδομένων. Περιλαμβάνει τώρα ένα εργαλείο για τη δημιουργία πινάκων από μια επιλογή περιεχομένου βάσης δεδομένων ιστότοπου, το οποίο στο παρελθόν δεν ήταν διαθέσιμο. Επιλέγονται πίνακες και στήλες από τη βάση δεδομένων, εφαρμόζονται ρυθμιζόμενα φίλτρα και η διαχείριση των πινάκων γίνεται μέσω της διεπαφής WP Table manager . Όταν ενημερώνεται η βάση δεδομένων, ο πίνακας αυξάνεται αυτόματα! Επιπλέον, έχετε στη διάθεσή σας επιλογές ταξινόμησης, φιλτραρίσματος, αυτόματου σχεδιασμού και σελιδοποίησης.
Εάν δεν είστε προγραμματιστής, μπορείτε να συνδέσετε οπτικά οποιοδήποτε υλικό βάσης δεδομένων στον πίνακα HTML. Όλοι οι πίνακες στη βάση δεδομένων σας παρουσιάζονται κατά τη δημιουργία ενός νέου πίνακα από το περιεχόμενο της βάσης δεδομένων.
Η βάση δεδομένων του ιστότοπού σας μπορεί να κάνει μια απλή αναζήτηση και να επιλέξει τους πίνακες και τις στήλες σας. Αυτό είναι αρκετά ευεργετικό σε μια τεράστια βάση δεδομένων. Επιπλέον, ένας οδηγός είναι εδώ για να σας βοηθήσει στον πίνακα από τη βάση δεδομένων βήμα προς βήμα.
Στο τελικό στάδιο, πριν κάνετε προεπισκόπηση του πίνακα από τη βάση δεδομένων, μπορείτε να γράψετε το προσαρμοσμένο ερώτημά σας στους καθορισμένους πίνακες βάσης δεδομένων. Υποστηρίζουμε ορισμένες λειτουργίες, όπως SELECT, REPLACE, RENAME, SHOW, EXPLAIN, DESCRIBE.
Ο πίνακας βάσεων δεδομένων μερικές φορές συνοδεύεται από πολλές σειρές. Έτσι, αυτή η επιλογή μπορεί να βοηθήσει στην εμφάνιση ενός πίνακα που ταιριάζει στην οθόνη σας. Εκτός αυτού, μπορείτε να ορίσετε μια προκαθορισμένη ποσότητα σειρών του πίνακα, κάθε σελίδα. Επιπλέον, μπορείτε επίσης να επιλέξετε μια στήλη για να ταξινομήσετε ολόκληρο τον πίνακα από προεπιλογή.
Η σύνδεση πίνακα βάσης δεδομένων WordPress δεν περιορίζεται μόνο σε πίνακες WordPress. Μπορούν να συνδεθούν όλοι οι πίνακες που δεν προέρχονται από το WordPress αλλά είναι εγκατεστημένοι στην ίδια βάση δεδομένων.
Μεταξύ των τεράστιων δεδομένων στον πίνακα σας, μπορείτε να δημιουργήσετε μερικούς προσαρμοσμένους κανόνες για να επικεντρωθείτε σε ένα συγκεκριμένο αντικείμενο. Εάν είστε εξοικειωμένοι με αυτό, μπορείτε να παίξετε με τους χειριστές βάσεων δεδομένων όπως>, <, LIKE, IN…
Οι πίνακες από τη βάση δεδομένων που έχετε δημιουργήσει μπορούν να επεξεργαστούν όπως και άλλοι πίνακες (εάν ο χρήστης έχει πρόσβαση σε αυτό το λογικό χαρακτηριστικό) (εάν ο χρήστης έχει πρόσβαση σε αυτό το πρακτικό χαρακτηριστικό). Αυτό είναι πολύ βολικό για την επεξεργασία παρτίδα ορισμένα στοιχεία της βάσης δεδομένων, όπως, για πρώην amp le, διάφορες ημερομηνίες μετά την δημοσίευση που θα λάβει, ενώ αν γίνει ένα προς ένα.
συμπέρασμα
Οι πίνακες είναι ένας από τους πιο αποτελεσματικούς τρόπους για την προβολή ενός συνόλου πληροφοριών. Ωστόσο, για ένα λιγότερο τεχνικό άτομο η δημιουργία πινάκων σε μια ιστοσελίδα είναι μια πρόκληση. Χρησιμοποιώντας αυτά τα plugin , μπορείτε εύκολα να φτιάξετε πίνακες που είναι αναγνώσιμοι σε οποιαδήποτε συσκευή με λίγα απλά βήματα. Επιπλέον, οι αποκριτικοί πίνακες είναι βέβαιο ότι θα δώσουν θετικές συνολικές εμπειρίες στους επισκέπτες του ιστότοπού σας. Γι 'αυτό, δοκιμάστε το και πείτε μας την εμπειρία σας στην παρακάτω ενότητα σχολίων.
