Υπάρχουν δεκάδες page builders εκεί έξω, και σίγουρα αναρωτιέστε: τι το τόσο ιδιαίτερο έχει το Page Builder Sandwich; Γιατί να μπείτε στον κόπο να το χρησιμοποιήσετε αν έχετε ήδη ένα στα χέρια σας;
Σε αυτό το άρθρο, θα απαριθμήσω μερικά βασικά χαρακτηριστικά του Page Builder Sandwich που το καθιστούν μοναδικό και απόλυτα απαραίτητο τόσο για δημιουργούς περιεχομένου όσο και για σχεδιαστές. Αν δεν γνωρίζετε τι είναι ένα page builder και γιατί το χρειάζεστε, μην ανησυχείτε, έχουμε κάποιο υλικό που μπορεί να σας βοηθήσει.
1. Δεν θα βλέπετε απλώς μια οπτική αναπαράσταση του περιεχομένου σας, βλέπετε και επεξεργάζεστε το πραγματικό σας περιεχόμενο
Σε άλλα page builders, βλέπετε περιοχές που απλώς αντιπροσωπεύουν το περιεχόμενό σας. Διατάσσετε κυρίως το περιεχόμενό σας με μπλοκ και ορθογώνια σχήματα, και το αποτέλεσμα μοιάζει περισσότερο με έναν σκελετό του πώς θα φαίνονταν τελικά τα περιεχόμενά σας στη σελίδα σας. Αυτό οδηγεί σε συνεχή κλικ στο κουμπί προεπισκόπησης μόνο και μόνο για να δείτε πώς θα μοιάζουν τα αποτελέσματα.
Με το Page Builder Sandwich, όλη η επεξεργασία πραγματοποιείται στο front end του ιστότοπού σας και επεξεργάζεστε το περιεχόμενό σας απευθείας για μια πραγματική εμπειρία what-you-see-is-what-you-get.
2. Γρήγορη και εύκολη άμεση επεξεργασία χωρίς όλα αυτά τα ενοχλητικά αναδυόμενα παράθυρα διαλόγου
Τα αναδυόμενα παράθυρα αποτελούν βασικό στοιχείο των page builders. Στους περισσότερους, αν θέλετε να επεξεργαστείτε οτιδήποτε στη διάταξή σας, είτε πρόκειται για επικεφαλίδα, ετικέτα κουμπιού ή ένα μικρό κείμενο υποτίτλου, θα πρέπει πρώτα να περιμένετε να ανοίξει ένα αναδυόμενο παράθυρο διαλόγου και να πραγματοποιήσετε τις αλλαγές σας μέσα σε αυτό.
Θέσαμε ως στόχο μας να ελαχιστοποιήσουμε τη χρήση αναδυόμενων παραθύρων παντού στο Page Builder Sandwich. Καταργώντας τα popups, η επεξεργασία οποιουδήποτε περιεχομένου γίνεται ευκολότερη και πιο ομαλή από ποτέ.
Η επεξεργασία γίνεται με απλό τρόπο – κάντε κλικ στο κείμενό σας για να τοποθετήσετε τον κέρσορα εκεί και αρχίστε να πληκτρολογείτε. Δεν χρειάζεται πλέον να περιμένετε ένα αναδυόμενο παράθυρο διαλόγου που περιέχει έναν επεξεργαστή TinyMCE για να ξεκινήσετε την επεξεργασία. Το καλύτερο μέρος είναι ότι μπορείτε ακόμα να μεταφέρετε και να αποθέτετε το περιεχόμενό σας οπουδήποτε.
Μια άλλη καινοτομία που βοηθά στην απροβλημάτιστη επεξεργασία είναι ο μόνιμα διαθέσιμος επιθεωρητής (inspector). Ο επιθεωρητής λειτουργεί ως η εργαλειοθήκη σας και ο επεξεργαστής ιδιοτήτων. Εργαλεία για τη μορφοποίηση του περιεχομένου σας: χρώματα κειμένου, επικεφαλίδες, προσαρμογές μεγέθους γραμματοσειράς, περιθώρια (margins), εσωτερικά περιθώρια (paddings), περιγράμματα (borders), παραθέσεις (blockquotes) και πολλά άλλα βρίσκονται μόλις ένα κλικ μακριά.
3. Επαναχρησιμοποιούμενη λειτουργικότητα του WordPress
Ένα άλλο πράγμα που παρατηρήσαμε σε άλλα page builders είναι ότι συχνά ανακαλύπτουν ξανά τον τροχό. Μερικά υλοποιούν τους δικούς τους επιλογείς χρωμάτων, εργαλεία μεταφόρτωσης εικόνων, δημιουργούς συλλογών και διάφορα άλλα εργαλεία. Δεν υπάρχει τίποτα κακό σε αυτό καθαυτό, αλλά το WordPress είναι ένας θησαυρός αποσπασμάτων κώδικα, οπότε γιατί να μην τα χρησιμοποιήσετε;
Το WordPress είναι μια τεράστια και υπέροχη πλατφόρμα και περιέχει πολλά εξαιρετικά εργαλεία που έχουν δημιουργηθεί από πλήθος καταπληκτικών συνεισφερόντων. Το Page Builder Sandwich χρησιμοποιεί λειτουργικότητα που είναι ήδη ενσωματωμένη στο WordPress όσο το δυνατόν περισσότερο.
Αντί να χρησιμοποιούμε τον δικό μας επιλογέα χρωμάτων, χρησιμοποιούμε τον επιλογέα χρωμάτων Iris. Αντί για το δικό μας εργαλείο μεταφόρτωσης εικόνων, χρησιμοποιούμε τη διαχείριση πολυμέσων. Έπειτα υπάρχουν επίσης τα backbonejs, underscorejs, wp.hooks και wp.shortcode, για να αναφέρουμε μερικά ακόμα έξυπνα scripts. Χρησιμοποιούμε όλα αυτά, και αυτό έχει κάνει τη ζωή μας ευκολότερη, ενώ οδηγεί επίσης σε μια πιο σταθερή βάση κώδικα.
Η επαναχρησιμοποίηση της λειτουργικότητας του WordPress οδήγησε επίσης σε μερικές εκπληκτικές εκπλήξεις. Για παράδειγμα, δεδομένου ότι χρησιμοποιήσαμε τη διαχείριση πολυμέσων για την εισαγωγή εικόνων, ήταν μια ευχάριστη έκπληξη το γεγονός ότι μπορούσαμε πλέον να διαχειριζόμαστε συλλογές του WordPress, λίστες αναπαραγωγής βίντεο και ήχου, καθώς και απομακρυσμένες διευθύνσεις URL αμέσως. Μπορούσαμε επίσης απλώς να χρησιμοποιήσουμε τη διαχείριση πολυμέσων για να κάνουμε επεξεργασία εικόνας, γεγονός που εξάλειψε ώρες περιττών πονοκεφάλων ανάπτυξης.
4. Πλοήγηση με πληκτρολόγιο και συντομεύσεις
Σε άλλα page builders, το ποντίκι είναι ο φίλος σας. Μεταφέρετε και αποθέτετε στοιχεία με αυτό και κάνετε διπλό κλικ για επεξεργασία. Αλλά το πληκτρολόγιο συχνά παραμελείται.
Για παράδειγμα, σε ορισμένα builders, δεν μπορείτε εύκολα να επεξεργαστείτε κείμενο μία παράγραφο/ενότητα πιο πάνω από εκεί που επεξεργάζεστε, επειδή θα πρέπει να κάνετε κλικ έξω από ένα αναδυόμενο παράθυρο διαλόγου και να κάνετε κλικ σε ένα νέο. Στο Page Builder Sandwich, μπορείτε να πλοηγηθείτε με το πληκτρολόγιό σας. Πατήστε τα πλήκτρα βέλους για να πλοηγηθείτε ανάμεσα στο περιεχόμενό σας· λειτουργεί ακόμα και αν το άλλο περιεχόμενό σας βρίσκεται κρυμμένο μέσα σε άλλη γραμμή ή στήλη.
Ένα άλλο σημαντικό χαρακτηριστικό είναι οι συντομεύσεις πληκτρολογίου αναίρεσης και επαναφοράς. Μπορεί να μην φαίνονται σπουδαίες στην αρχή, αλλά σκεφτείτε το εξής: τι γίνεται αν σύρετε και αποθέσετε κατά λάθος το περιεχόμενό σας σε λάθος θέση; Σε ορισμένα page builders, θα πρέπει να το σύρετε πίσω στην αρχική του θέση. Στο Page Builder Sandwich, λειτουργούν τόσο η αναίρεση όσο και η επαναφορά. Επομένως, είτε θέλετε να αλλάξετε αυτό που πληκτρολογήσατε είτε θέλετε να επαναφέρετε το περιεχόμενο που σύρατε (ή πολλαπλά στοιχεία περιεχομένου που σύρατε), απλώς πατήστε αναίρεση ή επαναφορά. Η αναίρεση και η επαναφορά λειτουργούν για περιεχόμενο που έχει μεταφερθεί με drag and drop, ακόμα και για αλλαγές ιδιοτήτων όπως μεγέθη γραμματοσειρών και εσωτερικά περιθώρια γραμμών. Αυτό τα καθιστά ισχυρά εργαλεία στο οπλοστάσιο επεξεργασίας σας.
5. Ένα πραγματικό frontend page builder – Μια πιο χαλαρωτική και απροβλημάτιστη εμπειρία επεξεργασίας
Η νοοτροπία μας κατά την ανάπτυξη είναι ότι η επεξεργασία στο front end δεν θα πρέπει να δίνει την αίσθηση ότι εξακολουθείτε να επεξεργάζεστε χρησιμοποιώντας εργαλεία του back end. Δεν θα πρέπει να δίνει την αίσθηση ότι το builder δημιουργήθηκε αρχικά για το back end και στη συνέχεια μεταφέρθηκε στο front end.
Συνολικά, για μένα, ο κύριος παράγοντας διαφοροποίησης του Page Builder Sandwich είναι ότι το έχουμε δημιουργήσει με στόχο να είναι ένα «πραγματικό» frontend page builder – ένας επαναπροσδιορισμός του πώς θα έπρεπε να είναι η επεξεργασία στο front end.