Πριν από λίγο καιρό δημοσίευσα εδώ μια λειτουργία για τη δημιουργία κουμπιών που ανοίγουν ένα modal παράθυρο χωρίς plugins στο WordPress και τον περασμένο μήνα μια άλλη για την προσθήκη tooltips. Λοιπόν, χθες, το GenerateBlocks στην ενημέρωση 2.3.0 της Pro έκδοσής του, πρόσθεσε αυτή τη δυνατότητα πολύ πιο ευέλικτη και με πολλές περισσότερες δυνατότητες που μπορεί να σας γλιτώσει από μερικά plugins.
Πρόκειται για πάνελ επικάλυψης (δεν ξέρω αν αυτή είναι η καλύτερη μετάφραση για το "πάνελ επικάλυψης") με όρους.
Τα πάνελ επικάλυψης του GenerateBlocks Pro 2.3 επιτρέπουν την προσθήκη οποιουδήποτε περιεχομένου σε διαδραστικά στοιχεία, όπως αναδυόμενα παράθυρα, συρόμενα παράθυρα, modal και μη modal παράθυρα, tooltips, πάνελ εκτός καμβά και ακόμη και mega μενού.
Ενώ τα GenerateBlocks και GeneratePress είναι γνωστά για την παροχή καθαρού, ελαφρού και βελτιστοποιημένου κώδικα, δεν έχω ακόμη αναλύσει τον αντίκτυπο στο DOM αυτών των πάνελ για να συγκρίνω την ποσότητα των στοιχείων και το βάθος που προσθέτουν για να ξέρω σε ποιες περιπτώσεις θα είναι καλύτερο να χρησιμοποιήσετε αυτό το νέο εργαλείο ή απλά HTML και CSS θυσιάζοντας τις ενδιαφέρουσες επιλογές κανόνων υπό όρους.
Το GenerateBlocks δεν προσθέτει ένα νέο μπλοκ στη συλλογή του 12. Αυτό που θα δούμε είναι αυτές οι δύο νέες επιλογές στη διαχείριση: Overlay Panels και Conditions.
Για να ξεκινήσουμε τη δημιουργία του πρώτου modal, popup ή tooltip κάνουμε κλικ στο Overlay Panels και στα δεξιά θα βρούμε τις επιλογές διαμόρφωσης.
Μπορείτε τώρα να δοκιμάσετε τις λειτουργίες του δημιουργώντας οποιοδήποτε περιεχόμενο μέσα σε ένα δοχείο GenerateBlocks (ή άλλο στοιχείο) χωρίς να χρειάζεται να εξερευνήσετε ακόμα τις επιλογές διαμόρφωσης των Όρων.
Είναι διαθέσιμοι εναύσματα (ενέργειες ή συνθήκες που θα εκτελέσουν το πράγμα με το περιεχόμενο που θα εμφανιστεί):
- Κάντε κλικ. Ενεργοποιείται το περιεχόμενο που θα εμφανίζεται όταν κάνετε κλικ σε ένα κουμπί, εικόνα ή σύνδεσμο κ.λπ.
- On hover, θα ενεργοποιείται όταν ο χρήστης περνά με το ποντίκι πάνω από ένα στοιχείο.
- Κάντε κλικ ή αιώρηση. Συνδυάστε κλικ και αιώρηση.
- Πρόθεση εξόδου: Εμφανίζεται όταν ο χρήστης προσπαθεί να εγκαταλείψει τη σελίδα και μετακινεί το δείκτη στην κορυφή του προγράμματος περιήγησης.
- Ποσοστιαία κύλιση: Εμφανίζεται αφού ο χρήστης μετακινηθεί προς τα κάτω σε ένα καθορισμένο ποσοστό της σελίδας.
- Χρονική καθυστέρηση: Εμφανίζεται μετά την καθορισμένη ώρα που έχετε ορίσει.
- Τα προσαρμοσμένα συμβάντα ενεργοποιούνται από συγκεκριμένες ενέργειες, όπως όταν ένα στοιχείο προστίθεται στο καλάθι του WooCommerce (`wc-blocks_added_to_cart`).
Στη συνέχεια, μπορείτε να ρίξετε μια ματιά στις Συνθήκες και να δοκιμάσετε τις δυνατότητες. Αν και δεν είχα χρόνο να χρησιμοποιήσω όλους τους συνδυασμούς ακόμα, οι λίγοι που μπόρεσα να δοκιμάσω ήδη φαίνονται πολύ χρήσιμοι.
Εάν οι σκανδάλες προσφέρουν μια καλή παλέτα επιλογών, οι συνθήκες αυξάνουν σημαντικά τις δυνατότητές τους.
Οι συνθήκες μπορούν να βασίζονται σε ένα ευρύ φάσμα παραμέτρων, δίνοντάς σας λεπτομερή έλεγχο:
- Συγγραφέας: Εμφανίζει επικαλύψεις στο περιεχόμενο συγκεκριμένων συγγραφέων.
- Cookie: Εμφάνιση ή απόκρυψη επικαλύψεων ανάλογα με την παρουσία ή τις τιμές των cookies.
- Ημερομηνία και ώρα. Επικαλύψεις προγραμματισμού για συγκεκριμένες ημερομηνίες, ώρες ή επαναλαμβανόμενα συμβάντα.
- Συσκευή - εμφανίζει ή αποκρύπτει επικαλύψεις με βάση την επιτραπέζια, την ταμπλέτα ή την κινητή συσκευή.
- Γλώσσα: Τμηματοποιήστε τους χρήστες ανάλογα με τη γλώσσα της σελίδας σας.
- Τοποθεσία: Εμφανίζει επικαλύψεις σε συγκεκριμένες σελίδες, αναρτήσεις ή αρχεία. Οι τοποθεσίες μπορούν επίσης να ρυθμιστούν για ολόκληρο τον ιστότοπο ή σε επίπεδο λεπτομέρειας τόσο υψηλό όσο μια σελίδα 404 ή υποσελίδες.
- Τα προσαρμοσμένα πεδίαδημοσιεύσεων μπορούν να χρησιμοποιηθούν για την ενεργοποίηση επικαλύψεων (π.χ. εμφάνιση μιας επικάλυψης σε δημοσιεύσεις με μια συγκεκριμένη μετα-τιμή).
- Παράμετρος ερωτήματος - στοχεύστε URL με συγκεκριμένες συμβολοσειρές ερωτήματος (π.χ. `?utm_source=newsletter`). Αυτό είναι πολύ χρήσιμο εάν εκτελείτε διαφημίσεις και θέλετε να εμφανίζετε μόνο προσφορές που βασίζονται σε συγκεκριμένες παραμέτρους ερωτήματος για μια συγκεκριμένη καμπάνια.
- Referrer: Στοχεύει τους επισκέπτες που προέρχονται από συγκεκριμένους τομείς ή διευθύνσεις URL.
- Επιλογές ιστότοπου - Προσαρμογή των ρυθμίσεων του ιστότοπου WordPress για τις συνθήκες.
- Μεταδεδομένα χρήστη, εξατομίκευση σύμφωνα με τα δεδομένα προφίλ χρήστη.
- Ρόλος χρήστη: Εμφάνιση περιεχομένου σε εγγεγραμμένους χρήστες, διαχειριστές, συνδρομητές ή επισκέπτες.
Μπορείτε να βρείτε τη λίστα με τις υπόλοιπες επιλογές λεπτομερώς σε αυτή τη δημοσίευση ή σε αυτόν τον οδηγό για τα πάνελ και σε αυτόν για τις συνθήκες με τεκμηρίωση, παραδείγματα, συμβουλές και στιγμιότυπα οθόνης.
Και αν προτιμάτε να σας εξηγήσει κάποιος γραφικά πώς να ξεκινήσετε, ο Kyle από το The Admin Bar το έχει ήδη κάνει σε αυτό το βίντεο.
Εξακολουθώ να πιστεύω ότι, παρόλο που στο φόρουμ υποστήριξής τους προσφέρουν μια πολύ καλή εξυπηρέτηση πελατών με πολύ χρήσιμες απαντήσεις σε κάθε ερώτηση, η καμπύλη εκμάθησης για τη χρήση των πολλών δυνατοτήτων του GenerateBlocks είναι ακόμα λίγο απότομη. Ακόμη περισσότερο για τους νεοεισερχόμενους ή για όσους έχουν συνηθίσει σε builders όπως το Elementor. Παρόλα αυτά, δεν θα άλλαζα το GB για κανέναν οικοδόμο ή συλλογή μπλοκ, επειδή η εξέλιξή του, αν και αργή, μου φαίνεται σωστή.
