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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Προσθήκη Γκαλερί WordPress στο Elementor

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

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

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

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

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

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

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

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

Masonry

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

Προεπιλεγμένο

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

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

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

Διαφάνεια

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

Ροή Διαφάνειας

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

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

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

Material

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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