Δημιουργήστε εκπληκτικές γκαλερί με τον καλύτερο διαχειριστή γκαλερί για το Elementor

Οι δημιουργοί σελίδων και οι συλλογές είναι τις περισσότερες φορές σημαντικές για τους ιστότοπους WordPress, καθώς οι συλλογές σάς επιτρέπουν να προβάλλετε εικόνες/προϊόντα με καλό τρόπο και οι δημιουργοί σελίδων σάς επιτρέπουν να δημιουργείτε και να προσθέτετε περιεχόμενο στη σελίδα σας επαγγελματικά.

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

WP Media Folder σας προσφέρει ένα πρόσθετο Gallery που σας επιτρέπει να δημιουργείτε και να προσαρμόζετε χρησιμοποιώντας εντυπωσιακά εργαλεία και λειτουργίες στις γκαλερί σας.

Σε αυτήν την ανάρτηση, θα δούμε πώς να τα χρησιμοποιήσετε με το Elementor , το Google Photos , αλλά και με τους φακέλους cloud , οπότε ας ξεκινήσουμε!

Γκαλερί με widget για το Elementor σε βίντεο

Ρύθμιση της ενσωμάτωσης του WordPress με το Google Photos

Καταρχάς, θα σας ενημερώσω για τα πρόσθετα (plugins) που χρησιμοποιούμε σε αυτό το σεμινάριο, τα οποία είναι τα Elementor, WP Media Folderκαι τα 2 πρόσθετα Pro (ένα για γκαλερί και το άλλο για σύνδεση στο cloud).

Τώρα που το ξέρουμε, ας ξεκινήσουμε. Θα δημιουργήσουμε τη συλλογή από το Google Photos. Για αυτό, πρέπει να συνδέσουμε τον ιστότοπό μας στο WordPress με τον λογαριασμό μας στο Google Photos. Ας δούμε πώς να το κάνουμε.

Πρώτα απ 'όλα, χρειαζόμαστε μια εφαρμογή Google Dev για αυτό, πηγαίνετε εδώ: https://console.developers.google.com/project και δημιουργήστε ένα νέο έργο.

Προσθέστε ένα όνομα στο έργο, μπορείτε να προσθέσετε ό,τι θέλετε.

Τώρα περιμένετε λίγο μέχρι να δημιουργηθεί το έργο.

Εάν είναι η πρώτη φορά που χρησιμοποιείτε αυτό το API της Βιβλιοθήκης Φωτογραφιών , θα πρέπει να το ενεργοποιήσετε. Για να το ενεργοποιήσετε, μεταβείτε στο MarketPlace στο αριστερό μενού.

Τώρα, στο πλαίσιο αναζήτησης, πληκτρολογήστε Photos Library API και αναζητήστε το.

Κάντε κλικ σε αυτό και, στη συνέχεια, στην επιλογή Ενεργοποίηση .

Τώρα που είναι ενεργοποιημένο, κάντε κλικ στο "API και Υπηρεσίες" στο αριστερό μενού, σε αυτόν τον πίνακα, μεταβείτε στα Διαπιστευτήρια .

Τώρα που βρίσκεστε εδώ, στον επάνω πίνακα, μεταβείτε στην επιλογή + Δημιουργία διαπιστευτηρίων > Αναγνωριστικό πελάτη OAuth και, εάν σας ζητηθεί, προσθέστε ένα όνομα στην οθόνη συγκατάθεσης OAuth.

Τώρα, ρυθμίστε τα διαπιστευτήρια ως εξής:

• Επιλέξτε "Εφαρμογή ιστού" και προσθέστε ένα όνομα της επιλογής σας.
• Εξουσιοδοτημένη προέλευση JavaScript: https://your-domain.com (αντικαταστήστε με το όνομα τομέα σας, χωρίς κάθετο στο τέλος).
  
• Εξουσιοδοτημένα URI ανακατεύθυνσης: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

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

Στην ενότητα Εξουσιοδοτημένα domains, κάντε κλικ στην επιλογή +Προσθήκη domain και προσθέστε το domain σας.

Προσθέστε το επίσης στην Επαλήθευση τομέα .

Και τελείωσε! Θα λάβετε το αναγνωριστικό και το μυστικό σας για να τα προσθέσετε στη διαμόρφωση του WP Media Folder:)

Τώρα, ας συνδέσουμε τον λογαριασμό σας στο Google Photos με τον ιστότοπό σας στο WordPress. Για αυτό, μεταβείτε στις Ρυθμίσεις > WP Media Folder > Cloud > καρτέλα Google Photo .

Μπορείτε να χρησιμοποιήσετε την Αυτόματη λειτουργία, η οποία είναι η πιο εύκολη, καθώς θα χρειαστεί μόνο να συνδεθείτε στον Λογαριασμό σας Google. Για αυτό, επιλέξτε Αυτόματη στη "Λειτουργία σύνδεσης" και, στη συνέχεια, Σύνδεση Google Photo .

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

Το τελευταίο βήμα θα είναι να συνδεθείτε στον Λογαριασμό σας Google, να επιτρέψετε τα δικαιώματα και να ολοκληρώσετε τη σύνδεση.

Αυτό είναι όλο, πολύ εύκολο και γρήγορο, έτσι δεν είναι; :)

Πρόσθετο Elementor + Gallery, ο καλύτερος συνδυασμός

Τώρα που ολοκληρώσαμε τη σύνδεση, πηγαίνετε στο Media > Media Folder Galleries , σε αυτήν την ενότητα, κάντε κλικ στο + Add New Gallery και δώστε ένα όνομα στη νέα σας συλλογή. Για το σεμινάριο, θα την ονομάσουμε Google P Gallery και επίσης θα χρησιμοποιήσουμε τη Square Grid .

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

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

Θα δείτε μια ειδοποίηση σχετικά με την εισαγωγή του Άλμπουμ.

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

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

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

Τώρα επιλέξτε την ενότητα όπου θέλετε να προσθέσετε τη συλλογή και αναζητήστε τον WP Media Folder μπλοκ.

Όπως μπορείτε να δείτε, υπάρχουν 4 διαθέσιμα μπλοκ. Για αυτό το σεμινάριο θα χρησιμοποιήσουμε αυτό που ονομάζεται WP Media Folder Gallery Addon , το οποίο θα φορτώσει το Gallery Addon στο εργαλείο δημιουργίας σελίδων.

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

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

Αυτό είναι! Δημιουργήσατε μια επαγγελματική συλλογή με λίγα μόνο κλικ και τη διαμορφώσατε απευθείας από το Εργαλείο Δημιουργίας Σελίδων :)

Χρήση του Elementor για τη δημιουργία συλλογών Google Drive στο WordPress

 Ως επιπλέον πλεονέκτημα, θα δούμε πώς να δημιουργείτε γκαλερί χρησιμοποιώντας εικόνες από το cloud, καθώς WP Media Folder σάς επιτρέπει να συνδέσετε τη βιβλιοθήκη πολυμέσων σας με υπηρεσίες Cloud (Dropbox, Google Drive, OneDriveκαι AWS).

Σε αυτό το παράδειγμα, θα χρησιμοποιήσουμε τη Google Drive , μπορείτε να δείτε πώς να τη συνδέσετε εδώ , θα παρατηρήσετε ότι η διαδικασία είναι πολύ παρόμοια με τη σύνδεση Google Photos :)

Όταν ολοκληρωθεί η ρύθμιση και συγχρονίσετε/δημιουργήσετε τους φακέλους του Google Drive, μπορείτε να μεταβείτε στη σελίδα/δημοσίευση που θέλετε να διαγράψετε και να κάνετε κλικ στην επιλογή Επεξεργασία με Elementor .

Στην αριστερή ενότητα, αναζητήστε την WP Media Folder και κάντε κλικ στο Συλλογή WP Media Folder .

Τώρα, κάντε κλικ στο + στην ενότητα "Προσθήκη εικόνων".

Αυτό θα ανοίξει ένα αναδυόμενο παράθυρο με τη Βιβλιοθήκη πολυμέσων, θα επιλέξετε τον Φάκελο Cloud, όλες τις εικόνες που θέλετε να προσθέσετε κάνοντας κλικ σε αυτές και, τέλος, θα δημιουργήσετε μια νέα Συλλογή > εισαγάγετε Συλλογή .

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

Τώρα μπορείτε να δημιουργήσετε γκαλερί με τη δύναμη του WP Media Folder, με έναν πολύ εύκολο τρόπο χρησιμοποιώντας το Elementor, και επίσης, να εξοικονομήσετε χώρο αποθήκευσης χρησιμοποιώντας το Google Drive, τι άλλο μπορείτε να ζητήσετε; :)

Ξεκινήστε να χρησιμοποιείτε το καλύτερο πρόσθετο WordPress Gallery

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