WP Table Manager: Στυλιζάρισμα πινάκων

1. Μορφή

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

Μπορείτε να επιλέξετε το ποσοστό για τον επεξεργαστή πίνακα. Αυτό σημαίνει ότι μπορείτε να κάνετε ζουμ μέσα/μείωμα στον πίνακά σας, σε εύρος από 50% έως 200%.

Το ύψος της γραμμής και το πλάτος της στήλης μπορούν να οριστούν σε pixel. Μεταβείτε στο Μενού Μορφή > Εφαρμογή μεγέθους στήλης/γραμμής και, στη συνέχεια, επιλέξτε Αλλαγή μεγέθους στήλης / Αλλαγή μεγέθους γραμμής . Στο αναδυόμενο παράθυρο, μπορείτε να επιλέξετε εύρος και να ορίσετε px για στήλες ή γραμμές. Κάντε κλικ στο Τέλος για να ολοκληρώσετε.

2. Θέματα και επιλογές

Σε κάθε πίνακα, μπορείτε να βρείτε Θέματος στο Μενού Θέμα. Απλώς κάντε κλικ σε ένα θέμα για να το εφαρμόσετε.

Εναλλακτικά χρώματα

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

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

Στοίχιση πίνακα

Η στοίχιση πίνακα αφορά την στοίχιση του div που περιέχει ολόκληρο τον πίνακα, για παράδειγμα, κεντράρισμα όλου του πίνακα. Μπορείτε να το βρείτε στο Μενού Μορφή > Στοίχιση πίνακα .

Επισήμανση κελιού

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

3. Προσθήκη συμβουλής εργαλείου σε κελιά

Σε κάθε κελί σε έναν πίνακα, μπορείτε να δείτε την επιλογή Προσθήκη συμβουλής εργαλείου όταν κάνετε δεξί κλικ πάνω του.

Μπορείτε να ορίσετε το πλάτος της συμβουλής εργαλείου σε pixel. Θα σας μεταφέρει σε μια συμβουλή εργαλείου με ένα πρόγραμμα επεξεργασίας για επεξεργασία.

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

4. Πάγωμα γραμμών και στηλών

Κατάψυξη στήλης

Η δυνατότητα "παγώματος" στηλών είναι διαθέσιμη στο μενού Μορφή > Επιλογές προσαρμογής . Μπορείτε να "παγώσετε" έως και 5 στήλες. Η καταμέτρηση γίνεται από την πρώτη στήλη.

Για να κάνετε πάγωμα χρωμάτων/γραμμών, υπάρχει μια επιπλέον επιλογή που σας επιτρέπει να ορίσετε το ύψος του πίνακα (επειδή το κοντέινερ του πίνακα σας μπορεί να έχει άπειρο ύψος).

Όταν επιλέξετε τη στήλη που θα παγώσετε, θα μπορείτε να κάνετε κύλιση στον πίνακά σας και να εμφανίζετε πάντα τη σταθερή στήλη.

Πάγωμα σειράς

Μπορείτε να το βρείτε στο Μενού Μορφή > Κεφαλίδα πίνακα , από εδώ μπορείτε να ενεργοποιήσετε την επιλογή και να ορίσετε γραμμές να παγώσουν (έως 5 γραμμές).

Αν θέλετε να ορίσετε το ύψος του τραπεζιού, επιστρέψτε στις επιλογές Ανταπόκρισης.

Στη συνέχεια, η πρώτη γραμμή θα παγώσει στο frontend μετά τη ρύθμιση.

5. Ταξινόμηση και φίλτρα

Αν θέλετε να ταξινομήσετε ή να φιλτράρετε τον πίνακά σας, μεταβείτε στην επιλογή Μενού Μορφή > Ταξινόμηση και φίλτρα .

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

Αν θέλετε να ταξινομήσετε έναν πίνακα, απλώς ενεργοποιήστε ταξινόμησης Frontend . Μπορείτε να επιλέξετε μια στήλη για την προεπιλεγμένη ταξινόμηση και την κατεύθυνσή της.

Για παράδειγμα, σε αυτήν την περίπτωση, επιλέξτε τη στήλη Α με ASC .

Υπάρχουν 2 επιλογές για το φίλτρο:

• Μέσα στη στήλη: μπορείτε να φιλτράρετε δεδομένα στην κεφαλίδα κάθε στήλης. Το κουμπί εναλλαγής θα σας βοηθήσει να εμφανίσετε ή να αποκρύψετε το πεδίο αναζήτησης στην κεφαλίδα.

• Σύνθετη φόρμα φιλτραρίσματος: μόλις ενεργοποιηθεί η επιλογή, μπορείτε να αναζητήσετε και να φιλτράρετε δεδομένα σε έναν πίνακα

Κύρια αναζήτηση: Όταν ενεργοποιήσετε αυτήν τη λειτουργία, θα προστεθεί ένα πεδίο εισαγωγής αναζήτησης στο frontend. Αυτό επιτρέπει στους χρήστες να αναζητούν εύκολα όλα τα δεδομένα στον πίνακα.

6. Συμπλήρωση κελιών και ακτίνα περιγράμματος

Μπορείτε να βρείτε το εικονίδιο περιγράμματος στη γραμμή εργαλείων που βοηθά στην προσαρμογή της συμπλήρωσης και της ακτίνας περιγράμματος στο κελί.

7. Προσαρμοσμένο CSS

Ας πάμε ένα βήμα παραπέρα. Αν είστε σχεδιαστής ιστοσελίδων με δεξιότητες CSS, θα μπορείτε να προσθέσετε CSS στο Μενού Μορφή > Προσαρμοσμένο CSS.

Ο κώδικας CSS χρωματίζεται χρησιμοποιώντας καθρέφτη κώδικα και μπορεί να γραφτεί σε λιγότερο CSS, λειτουργεί επίσης!

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

8. Ανταποκριτικοί πίνακες WordPress

Είναι οι πίνακές μου responsive ή χρησιμοποιούν την κύλιση σε μικρές συσκευές;

Απόκρυψη στηλών

WP Table Manager χειρίζεται τον responsive σχεδιασμό με ένα εργαλείο προτεραιότητας, ως επιλογή. Από προεπιλογή, η λειτουργία responsive είναι απενεργοποιημένη, θα υπάρχει υπερχείλιση (η οποία λειτουργεί άψογα σε κινητά). Για να χρησιμοποιήσετε Hiding Cols (Απόκρυψη στηλών ), θα πρέπει να μεταβείτε στο Μενού Μορφή > Responsive επιλογές.

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

Πίνακας με κύλινδρο (καλύτερος για μικρό αριθμό στηλών)

Πίνακας με κρυφή στήλη (καλύτερος για μεγάλο αριθμό στηλών)

Επαναλαμβανόμενη κεφαλίδα

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

Θα υπάρχουν επιλογές για προσαρμογή ανάλογα με τις ανάγκες σας:

• Σημείο διακοπής με δυνατότητα απόκρισης (px): Επιλέξτε μια τιμή σημείου διακοπής σε pixel για να ορίσετε πότε ο πίνακας θα μεταβαίνει σε αυτήν τη λειτουργία απόκρισης.
• Μέγιστο ύψος απόκρισης (px): Όταν ενεργοποιηθεί η λειτουργία απόκρισης, ανάλογα με την τιμή σημείου διακοπής, ορίστε ένα μέγιστο ύψος για να αποφύγετε έναν πολύ μεγάλο πίνακα
• Στυλ λειτουργίας απόκρισης: Εφαρμόστε ένα προεπιλεγμένο στυλ για αυτήν τη λειτουργία απόκρισης ή χρησιμοποιήστε τα χρώματα του πίνακα

Μετά από αυτό, μπορείτε να δείτε πώς θα φαίνεται ο πίνακας στο frontend.

Εάν χρησιμοποιείτε Επαναλαμβανόμενη κεφαλίδα και Φίλτρο είναι ενεργοποιημένη, μπορείτε να φιλτράρετε πληκτρολογώντας στο πλαίσιο κειμένου στην προβολή για κινητά.

9. Εξαγωγή σε Excel

Για να αποθηκεύσετε τον πίνακά σας στον υπολογιστή σας, θα πρέπει να μεταβείτε στο Μενού Πίνακας και να κάνετε κλικ στην Εξαγωγή Excel . Στη συνέχεια, ο τύπος αρχείου θα είναι *.xlsx μετά την εξαγωγή στο frontend.

10. Σελιδοποίηση

Μπορείτε να βρείτε αυτήν τη λειτουργία στο Μενού Μορφή > Σελιδοποίηση σε κάθε έκδοση πίνακα. Χρησιμοποιήστε το κουμπί εναλλαγής για να ενεργοποιήσετε και να επιλέξετε τον αριθμό των γραμμών που θα εμφανίζονται σε μια σελίδα.

11. Στυλ περιγράμματος κελιών

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

12. Εκτύπωση πίνακα στο frontend

Μερικές φορές, χρειάζεται να εκτυπώσετε τον πίνακά σας. Έτσι, για να εμφανιστεί το κουμπί Εκτύπωση στο frontend, θα πρέπει πρώτα να μεταβείτε στο Μενού Πίνακας και να επιλέξετε το κουμπί Εκτύπωση.