WordPress Plugin: Άνοιγμα βίντεο σε Lightbox με Elementor

Κουμπί Elementor Open Video Lightbox

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

Το Elementor έχει ορισμένους περιορισμούς, ένας από τους οποίους αντιμετώπισα την εργασία σε έναν ιστότοπο πελατών. Απλώς ήθελαν ένα κουμπί που άνοιξε ένα βίντεο σε ένα Lightbox ... κάτι που δεν προσφέρει ο Elementor. Θα μπορούσατε να επιλύσετε το ζήτημα χρησιμοποιώντας μια εικόνα με ή χωρίς κουμπί αναπαραγωγής… αλλά το Elementor διαθέτει ένα εξαιρετικό στοιχείο κουμπιού. Είμαι έκπληκτος που δεν το προσέφεραν έξω

Ευτυχώς, υπάρχει μια προσθήκη για αυτό!

Βασικά πρόσθετα για το Elementor

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

Ένα φανταστικό plugin είναι το Βασικά πρόσθετα για το Elementor. Με περισσότερες από 800,000 εγκαταστάσεις, το πρόσθετο μπορεί να είναι το πιο δημοφιλές πρόσθετο στοιχείων για το Elementor στην αγορά. Ένα βασικό χαρακτηριστικό σε αυτό το πρόσθετο είναι η δυνατότητα εύκολης προσθήκης και διαμόρφωσης ενός lightbox για τον ιστότοπό σας WordPress που δημιουργήθηκε με το Elementor.

Κουμπί Elementor Lightbox

Μόλις εγκαταστήσετε την πληρωμένη έκδοση του Essential Add-Ons για το Elementor plugin, ενεργοποιήστε το Lighbox & Modal χαρακτηριστικό για να δείτε το στοιχείο στα στοιχεία Elementor σας. Στη συνέχεια, μπορείτε να το αναζητήσετε και να το σύρετε εύκολα στη σελίδα σας:

elementar lighbox modal

Στη συνέχεια, θα θελήσετε να τροποποιήσετε μερικές ρυθμίσεις για το στοιχείο:

  • Ορίστε τις Ρυθμίσεις> Ενεργοποίηση σε Κάντε κλικ στο κουμπί
  • Ορίστε τις Ρυθμίσεις> Πληκτρολογήστε σε Κουμπί
  • Ορίστε τις Ρυθμίσεις> Κουμπί Κειμένου
  • Ορίστε το Περιεχόμενο> Πληκτρολογήστε σε Σύνδεσμος προς σελίδα / βίντεο / χάρτης
  • Ορίστε το Περιεχόμενο> Παροχή διεύθυνσης URL σελίδας / βίντεο / χάρτη στη διεύθυνση URL του βίντεο

Στη συνέχεια, μπορείτε να προσαρμόσετε το στυλ lightbox και κουμπιού ανάλογα με τις ανάγκες. Είναι μια απρόσκοπτη εμπειρία μεταξύ αυτού του πρόσθετου και του Elementor.

στοιχειώδες κουμπί lightbox

Αν και αυτή η δυνατότητα ίσως άξιζε να πληρώσει, το Essential Add-Ons για το Elementor plugin έχει έναν τόνο άλλων δυνατοτήτων που περιλαμβάνονται τόσο σε δωρεάν όσο και σε πληρωμένη έκδοση. Σημείωση: Η λειτουργικότητα Lightbox είναι στην έκδοση επί πληρωμή.

Βασικά πρόσθετα για το Elementor: Δωρεάν στοιχεία

Η δωρεάν έκδοση έχει ορισμένα βασικά στοιχεία που μπορούν να προστεθούν:

  • Πλαίσιο πληροφοριών - Εμφάνιση βασικών πληροφοριών με τύπο Info Box προσθέτοντας το εικονίδιο On Top και προσθέστε εφέ κίνησης.
  • Προηγμένο Ακορντεόν - εμφανίστε περιεχόμενο, ενεργοποιήστε το εικονίδιο εναλλαγής, γεμίστε την ενότητα ακορντεόν με το επιθυμητό κείμενο και κάντε το να φαίνεται διαδραστικό για το κοινό.
  • Πλέγμα προϊόντων Woo - Παρουσιάστε προϊόντα WooCommerce οπουδήποτε και εμφανίστε προϊόντα ανά κατηγορία, ετικέτες ή χαρακτηριστικά. Προσθέστε εύκολα εφέ αιωρήματος στη διάταξη για να το κάνετε εντυπωσιακό.
  • Αντικατάσταση κουτιού - Παρουσιάστε υπέροχα το περιεχόμενο με κίνηση προς τα αριστερά / δεξιά στο ποντίκι.
  • Σύνθετες καρτέλες - εμφάνιση βασικών πληροφοριών με διαδραστικό τρόπο που υποστηρίζει προσαρμοσμένο σχεδιασμό ένθετων καρτελών για να προσελκύσει ένα κοινό σε μια παρουσία.
  • Πίνακας Κοστολόγησης - δημιουργήστε έναν αποτελεσματικό πίνακα τιμών προϊόντων με τέλειο στυλ για να λάβετε περισσότερες πωλήσεις από τους υποψήφιους αγοραστές σας.
  • Ακορντεόν εικόνας - Επισημάνετε τις εικόνες σας με εκπληκτικά εφέ hover και κλικ χρησιμοποιώντας το EA Image Accordion. 
  • Post Grid - εμφάνιση πολλών δημοσιεύσεων ιστολογίου σε διάταξη πλέγματος. Μπορείτε να επιλέξετε τη διάταξη που προτιμάτε από τις ρυθμίσεις διάταξης, να προσθέσετε κινούμενα σχέδια σε αυτήν και να την κάνετε διαδραστική για τους επισκέπτες.
  • Πρόσκληση σε δράση - Σχεδιάστε το περιεχόμενο της πρόσκλησης για δράση, το χρώμα και συνδέστε το για να κατευθύνει τους επισκέπτες στην επιθυμητή ενέργεια.
  • Αντίστροφη μέτρηση - Δημιουργήστε και σχεδιάστε ένα χρονόμετρο από μια επιλογή διαφορετικών στυλ.
  • Δημοσίευση χρονολογίου - εμφανίστε αναρτήσεις ιστολογίου, σελίδες ή προσαρμοσμένες αναρτήσεις σε μια εκπληκτική κάθετη διάταξη. Μπορείτε να ορίσετε τον προτιμώμενο αριθμό δημοσιεύσεων, να προσθέσετε εκπληκτικά εφέ, επικάλυψη εικόνων, κουμπί και πολλά άλλα για να σύρετε το ενδιαφέρον του κοινού.
  • Φιλτράρισμα γκαλερί - Εμφάνιση εικόνων με ξεχωριστές κατηγορίες, στυλ πλέγματος και προσαρμόστε τη συνολική σχεδίαση για να εξασφαλίσετε μια εξαιρετική εμφάνιση.

Κατεβάστε τα βασικά πρόσθετα για το Elementor

Βασικά πρόσθετα για το Elementor: Στοιχεία επί πληρωμή

Με την πληρωμένη έκδοση, λαμβάνετε έναν τόνο περισσότερα στοιχεία που παρέχουν πραγματικά μέγιστες δυνατότητες στο θέμα που βασίζεται στο Elementor.

  • Lightbox & Modal - προβάλλετε τα βίντεο, τις εικόνες ή άλλο περιεχόμενο με ένα αναδυόμενο παράθυρο. Μπορείτε να ορίσετε τις επιθυμητές ενέργειες ενεργοποίησης, να προσθέσετε κινούμενα σχέδια και να ορίσετε τη διάταξη για μεγιστοποίηση της αφοσίωσης.
  • Σύγκριση εικόνων - εξουσιοδοτήστε τους πιθανούς αγοραστές σας να συγκρίνουν μεταξύ των δύο εικόνων του προϊόντος σας (Παλιά έναντι Νέας) με καταπληκτικό τρόπο.
  • Λογότυπο Carousel - επιλέξτε το εφέ καρουσέλ επιθυμίας σας, προσθέστε ένα λογότυπο και στιλ την έξοδο για να εμφανίσετε όμορφα όλους τους πελάτες ή τους συνεργάτες σας.
  • Εφέ Parallax - επιτρέψτε στους επισκέπτες σας να γνωρίσουν τον ιστότοπό σας με ένα εφέ παράλλαξης πολλαπλών στρωμάτων που ενσωματώνει ακόμη και μια αλληλεπίδραση ποντικιού.
  • Promo - Προσθέστε μια ελκυστική επικεφαλίδα, εσωτερικό περιεχόμενο, περιεχόμενο ποντικιού και όμορφες εικόνες για να τραβήξετε την προσοχή του επισκέπτη σας.
  • Εναλλαγή περιεχομένου - Προσθέστε ένα εφεδρικό εφέ στο περιεχόμενό σας που επισημαίνει τις διαφορές στις οποίες θέλετε να επικεντρωθούν οι επισκέπτες σας.
  • Google Maps - Διαμορφώστε ένα στοιχείο χάρτη, προσθέστε εικονίδια δείκτη και κάντε το διαδραστικό για τους επισκέπτες.
  • Επίδραση σωματιδίων - προσθέστε ενότητες δημιουργικού στον ιστότοπό σας για να τον ξεχωρίσετε.
  • Διαδραστικές κάρτες - Φέρτε προηγμένες δυνατότητες, όπως εσωτερική κύλιση και αιωρήστε εφέ στα μπλοκ περιεχομένου σας.
  • Προστατευμένο περιεχόμενο - περιορισμός περιεχομένου με κωδικό πρόσβασης ή ανά ρόλο χρήστη.
  • Δημοσίευση μπλοκ - εμφανίστε τις αναρτήσεις ιστολογίου σας με ποικιλία μοναδικών στυλ χρησιμοποιώντας τη δύναμη του σύγχρονου CSS Flex. Μπορείτε να επιλέξετε μια διάταξη, να προσθέσετε κινούμενα σχέδια, να προσθέσετε ένα εικονίδιο και να σχεδιάσετε τα πάντα - συμπεριλαμβανομένων των εφέ hover.
  • Επεξήγηση εργαλείου για προχωρημένους - προσθέστε συμβουλές εργαλείων πάνω και κάτω από το περιεχόμενο.
  • Μια πλοήγηση σελίδας - δημιουργήστε έναν ιστότοπο μίας σελίδας με λίγα μόνο κλικ χρησιμοποιώντας το Elementor.
  • Ολισθητικό μαρτυρίας - δημιουργήστε ένα διαδραστικό πίνακα μαρτυριών που προβάλλει πολλές κριτικές όμορφα σε μία περιοχή περιεχομένου.
  • Instagram - τραβήξτε την προσοχή του επισκέπτη του ιστότοπού σας και προσελκύστε περισσότερους οπαδούς Instagram εμφανίζοντας μια ροή Instagram στον ιστότοπό σας.
  • Εικόνα Hotspot - προσθέστε hotspots περιοχής εικόνας με προσαρμοσμένες συμβουλές εργαλείων, έτσι ώστε ο χρήστης να μπορεί να κάνει κλικ στα hotspots για να αποκαλύψει ένα σχετικό κείμενο.

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

Κατεβάστε τα βασικά πρόσθετα για το Elementor

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.