Προσθέστε και επεξεργαστείτε συλλογές εικόνων σαν επαγγελματίας στο Elementor

 Ενώ η χρήση του Elementor βοηθάει πολύ κατά τη δημιουργία μιας σελίδας ή ανάρτησης, είναι επίσης αλήθεια ότι μπορεί να χρειαζόμαστε περισσότερα εργαλεία για να το κάνουμε να λειτουργήσει τέλεια, ένα από αυτά τα εργαλεία που είναι σημαντικό να αναφέρουμε θα ήταν ένας διαχειριστής Γκαλερί που θα μπορούσε να μας επιτρέψει να βελτιώσουμε τον ήδη ισχυρό κατασκευαστή σελίδων, ας δούμε πόσο εύκολο είναι να προσθέσουμε και να επεξεργαστούμε γκαλερί με το WP Media folder απευθείας στο Elementor.

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

Σε αυτό το σεμινάριο, θα δημιουργήσουμε μια συλλογή από το μηδέν χρησιμοποιώντας το Gallery Manager και απευθείας από το Elementor.

Δημιουργήστε μια Συλλογή WordPress με WP Media Folder

Πρώτα απ' όλα, θα δούμε πόσο εύκολο είναι να δημιουργήσετε μια συλλογή χρησιμοποιώντας το πρόσθετο WP Media Folder Gallery.

Αυτός ο Διαχειριστής Συλλογής μπορεί να βρεθεί μετά την εγκατάσταση του WP Media Folder και του πρόσθετου Gallery κάτω από την Βιβλιοθήκη Μέσων > Συλλογές Φακέλων Μέσων

Σε αυτήν την οθόνη, πρέπει να περάσουμε το ποντίκι πάνω στο + Προσθήκη Νέας Συλλογής και να κάνουμε κλικ στο + Δημιουργία Νέας Συλλογής Μέσων.

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

Για τώρα, θα την ονομάσουμε "Η Συλλογή μου" και θα αφήσουμε το προεπιλεγμένο θέμα.

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

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

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

Κάνοντας κλικ εδώ θα ανοίξει η βιβλιοθήκη πολυμέσων, θα παρατηρήσετε ότι υπάρχουν φάκελοι στη βιβλιοθήκη πολυμέσων μου, αυτό οφείλεται στο WP Media Folder που μου επιτρέπει να οργανώσω όλα τα πολυμέσα μου με τον καλύτερο δυνατό τρόπο με φακέλους και φίλτρα πολυμέσων, μπορείτε να δείτε περισσότερα σχετικά με αυτό εδώ αλλά αυτό είναι για άλλη δημοσίευση ;)

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

Αυτό θα προσθέσει όλες τις επιλεγμένες εικόνες στη Διαχείριση Συλλογής επιτρέποντάς μας να τις χρησιμοποιήσουμε και να τις προσαρμόσουμε.

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

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

Επιλέξτε τις εικόνες που θέλετε να ανεβάσετε και στη συνέχεια κάντε κλικ στο Άνοιγμα.

Αφού το κάνετε αυτό, θα πρέπει να τελειώσουμε! Τώρα έχουμε όλες τις εικόνες στο Gallery Manager έτοιμες για χρήση για τη συλλογή μας.

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

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

Ας δούμε το Masonry, αυτό είναι ο κλασικός τοίχος με πολλές εικόνες που εμφανίζονται σε διαφορετικά μεγέθη, όπως μπορούμε να δούμε στην Προεπισκόπηση καρτέλα.

Κάτω από τις ρυθμίσεις, μπορούμε να επιλέξουμε μεταξύ όλων των επιλογών, για παράδειγμα, το μέγεθος εικόνας και τη διάταξη masonry , ας το επεξεργαστούμε από το τρέχον κάθετο σε Οριζόντιο και να κάνουμε τις εικόνες μικρότερες.

Τώρα ελέγχουμε την Προεπισκόπηση καρτέλα για να επιβεβαιώσουμε πώς φαίνεται τώρα.

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

Προσθήκη Συλλογών WordPress στο Elementor

Τώρα που είδαμε πώς να δημιουργήσετε μια συλλογή χρησιμοποιώντας το WP Media Folder Gallery Manager, ας δούμε πώς να το προσθέσετε στην ανάρτηση ή στις σελίδες σας χρησιμοποιώντας Elementor.

Για να το κάνετε αυτό, μεταβείτε στη σελίδα ή την ανάρτησή σας (ή δημιουργήστε την) και κάντε κλικ στο Επεξεργασία με το Elementor το Page Builder θα φορτωθεί.

Στον επεξεργαστή, αναζητήστε το WP Media Folder Πρόσθετο Συλλογής μπλοκ και προσθέστε το στο περιεχόμενό σας.

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

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

Πρώτα απ 'όλα, ας επιλέξουμε τη συλλογή που δημιουργήσαμε κάτω από Επιλογή Συλλογής.

Η συλλογή που δημιουργήσαμε νωρίτερα θα φορτώσει αυτόματα στον κατασκευαστή σελίδων κάτω από τα μπλοκ.

Αυτό δείχνει το θέμα Masonry που επιλέξαμε στη Διαχείριση Συλλογής, ας ελέγξουμε όλες τις διαθέσιμες επιλογές στα θέματα που μπορούν να επιλεγούν απευθείας από τις ρυθμίσεις του μπλοκ.

Masonry

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

Προεπιλογή

Αυτό το θέμα μας επιτρέπει να δείξουμε τις εικόνες με κλασικό τρόπο με τον τίτλο της εικόνας επίσης.

Χαρτοφυλάκιο

Αυτό μας επιτρέπει να προβάλλουμε τις εικόνες μας παρόμοιες με το προεπιλεγμένο θέμα, αλλά χρησιμοποιώντας άλλη γραμματοσειρά, τέλεια για την προβολή τέχνης.

Κυλιόμενη Εικόνα

Ο κλασικός ολισθητής που μας επιτρέπει να εστιάσουμε σε μερικές εικόνες ανά διαφάνεια.

Ροή Διαφανειών

Παρόμοιο με το θέμα Slider αλλά με άλλη κινούμενη εικόνα, εστιάζοντας σε μία εικόνα ανά διαφάνεια αλλά επιτρέποντάς μας να προεπισκοπήσουμε τις άλλες εικόνες.

Τετράγωνο Πλέγμα

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

Υλικό

Ένα πραγματικά υπέροχο θέμα που μας επιτρέπει να εμφανίζουμε τετράγωνες εικόνες με μια ωραία σκιά και τους τίτλους.

Προσαρμοσμένο Πλέγμα

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

Τώρα ας δούμε τις διαθέσιμες επιλογές στο αριστερό μενού για όλες τις συλλογές.

Πρώτα απ' όλα, έχουμε την Πλοήγηση Συλλογής, η ενεργοποίηση αυτής της επιλογής θα επιτρέψει τη χρήση των διαθέσιμων πλοηγήσεων συλλογών στο WP Media Folder Πρόσθετο Συλλογής που μας επιτρέπει να χρησιμοποιούμε γονικές συλλογές και υπο-συλλογές επίσης, μπορείτε να δείτε ένα λειτουργικό demo εδώ

Ως δεύτερη επιλογή έχουμε την Εμφάνιση ετικέτας εικόνας, χρήσιμη όταν έχουμε πολλές εικόνες σε μια συλλογή και θέλουμε να επιτρέψουμε στους χρήστες μας να τις φιλτράρουν στο frontend χρησιμοποιώντας το σύστημα ετικετών από WP Media Folder

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

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

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

Το Μέγεθος LightBox η επιλογή θα μας επιτρέψει, όπως και το μέγεθος εικόνας, να επιλέξουμε το μέγεθος του lightbox που θα εμφανιστεί αν το επιλέξουμε ως ενέργεια στο κλικ.

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

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

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

Όπως μπορείτε να δείτε, είναι πραγματικά εύκολο να χρησιμοποιήσετε το Elementor για να ρυθμίσετε με ακρίβεια τις συλλογές μας στο WP Media Folder και να τις κάνετε να ταιριάζουν στη σελίδα μας!

Δημιουργήστε γρήγορες συλλογές χρησιμοποιώντας φακέλους πολυμέσων

Ως ένα επιπλέον θέμα, θα δείξουμε πώς να δημιουργήσετε συλλογές χρησιμοποιώντας τους φακέλους που δημιουργήθηκαν από το WP Media Folder σε λίγα δευτερόλεπτα.

Αυτή η δυνατότητα θα μας επιτρέψει επίσης να προσθέσουμε αυτόματα εικόνες στη συλλογή όταν αυτές προστεθούν στον φάκελο.

Πρώτα απ' όλα, πηγαίνετε στο Γκαλερί Φακέλων Μedia κάτω από το  Βιβλιοθήκη Μedia όπου δημιουργήσαμε το γκαλερί πριν, σε αυτή τη σελίδα τοποθετήστε το ποντίκι πάνω από το + Προσθήκη Νέου Γκαλερί κουμπί και στη συνέχεια, κάντε κλικ στο Δημιουργία Γκαλερί από φάκελο.

Θα εμφανιστεί μια εξερεύνηση φακέλων όπου μπορούμε να επιλέξουμε τον φάκελο που θα χρησιμοποιήσουμε.

Μετά το κλικ στο Δημιουργία, οι εικόνες μέσα στον φάκελο θα φορτωθούν αυτόματα στη συλλογή επιτρέποντάς μας να δημιουργήσουμε μια συλλογή σε λίγα μόνο δευτερόλεπτα!

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

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

Και η μαγεία έγινε! Οι φάκελοι που είναι επίσης εικόνες εμφανίζονται αυτόματα στο front end, τι άλλο θα ζητούσαμε; :) 

Ξεκινήστε να χρησιμοποιείτε το WP Media Folder με το αγαπημένο σας εργαλείο δημιουργίας

Έχουμε επίσης ένα βίντεο που εξηγεί τα πάντα βήμα προς βήμα, ώστε να μπορείτε να δείτε το πρόσθετο να λειτουργεί ζωντανά, ελέγξτε το!

Ένα πρόσθετο με εκπληκτικά χαρακτηριστικά που θα μας επιτρέψει όχι μόνο να δημιουργήσουμε συλλογές αλλά και να οργανώσουμε τα μέσα μας, εισαγωγή από τις Google Photos και εκφόρτωση επίσης!

Συμβατό με όλα τα μεγάλα εργαλεία κατασκευής, θα μας επιτρέψει να οργανώσουμε και να προβάλλουμε τα μέσα μας με τον πιο επαγγελματικό τρόπο με λίγα μόνο βήματα, οπότε τι περιμένετε; Πηγαίνετε εδώ και αποκτήστε το τώρα!