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

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

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

WP Media Folder και ο διαχειριστής γκαλερί του σάς επιτρέπουν να διαχειρίζεστε και να προσθέτετε γκαλερί απευθείας από το DIVI. Σε αυτό το σεμινάριο θα δούμε πόσο εύκολο είναι ;)

Για αυτήν την ανάρτηση, θα χρησιμοποιήσουμε τα DIVI , WP Media Folder , WP Media Folder Addon και WP Media Folder Gallery Addon .

Συνδέστε το WordPress και τα Άλμπουμ Google Photos για να δημιουργήσετε εκπληκτικές συλλογές

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

Ας ξεκινήσουμε λοιπόν με τη σύνδεση.

Πρώτα απ 'όλα, χρειαζόμαστε μια εφαρμογή 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, να επιτρέψετε τα δικαιώματα και να ολοκληρώσετε τη σύνδεση.

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

Από τις Φωτογραφίες Google σε μια συλλογή Divi του WordPress

Όπως λέει και ο τίτλος, από το Google Photos σε μια συλλογή WordPress Divi, τώρα που το Google Photos είναι συνδεδεμένο, μπορούμε να προχωρήσουμε στη δημιουργία των συλλογών μας από τα άλμπουμ στον λογαριασμό μας.

Πρώτα απ 'όλα, θα δημιουργήσουμε μια νέα συλλογή από τον διαχειριστή.

Μεταβείτε στα Πολυμέσα > Συλλογές φακέλων πολυμέσων .

Εδώ, θα μπορέσουμε να δημιουργήσουμε πολλές διαφορετικές συλλογές εικόνων από τον ιστότοπό μας στο WordPress, τον υπολογιστή μας ή (σε αυτήν την περίπτωση) από το Google Photos.

Κάντε κλικ στην επιλογή +Προσθήκη νέας συλλογής .

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

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

Σε αυτήν την οθόνη, έχετε 3 επιλογές για να προσθέσετε εικόνες στη συλλογή σας, μπορείτε να τις προσθέσετε από το WordPress (τη βιβλιοθήκη πολυμέσων σας), από τον υπολογιστή σας και από το Google Photos.

Για αυτό το σεμινάριο, θα επιλέξουμε το Google Photos, αλλά μπορείτε να επιλέξετε ό,τι θέλετε.

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

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

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

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

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

Θα παρατηρήσετε μια άλλη καρτέλα που ονομάζεται Ρυθμίσεις εμφάνισης και Σύντομος κώδικας .

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

Υπάρχει επίσης ο σύντομος κώδικας για αυτήν τη συλλογή σε περίπτωση που θέλετε να τη χρησιμοποιήσετε ;)

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

Τώρα που ολοκληρώσατε τη δημιουργία της Συλλογής, κάντε κλικ στην αποθήκευση και μεταβείτε στη σελίδα/δημοσίευση που θέλετε να επεξεργαστείτε και κάντε κλικ στην επιλογή Χρήση του Divi Builder , μπορείτε να το χρησιμοποιήσετε στο front end ή στο backend χωρίς προβλήματα.)

Επιλέξτε τη στήλη όπως κάνετε συνήθως και, στη συνέχεια, αναζητήστε WPMF Gallery Addon .

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

Θα επιλέξουμε την γκαλερί που δημιουργήσαμε προηγουμένως.

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

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

Τώρα μπορείτε να ολοκληρώσετε τη δημιουργία της σελίδας σας και να προχωρήσετε στη δημοσίευσή της χωρίς να χρειάζεται να ανησυχείτε μήπως δεν μπορείτε να μάθετε πώς θα φαίνεται η συλλογή στο frontend.

Ένα πραγματικά φοβερό εργαλείο, έτσι δεν είναι;

Δημιουργήστε συλλογές από το Cloud απευθείας στο Divi

Ίσως λοιπόν να σκεφτόσασταν ότι ήταν όλα, αλλά η απάντηση είναι όχι! Μπορείτε επίσης να δημιουργήσετε γκαλερί με εικόνες που φιλοξενούνται στο cloud, θα μπορείτε να εξοικονομήσετε χώρο αποθήκευσης και επίσης να χρησιμοποιήσετε το Divi για να τοποθετήσετε τη γκαλερί ;)

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

Για να μπορέσετε να συνδέσετε το Google Drive με τον ιστότοπό σας στο WordPress, μπορείτε να ακολουθήσετε τον λεπτομερή οδηγό εδώ. Η διαδικασία είναι παρόμοια με αυτή του Google Photos, επομένως δεν θα πρέπει να αντιμετωπίσετε προβλήματα.

Αφού δημιουργήσετε/συγχρονίσετε τους φακέλους του Google Drive, μπορείτε να μεταβείτε στη σελίδα/δημοσίευση που θέλετε να επεξεργαστείτε και να κάνετε κλικ στην επιλογή Χρήση του Divi Builder , να προσθέσετε τη στήλη σας και, στις ενότητες, να αναζητήσετε μία που ονομάζεται Συλλογή WPMF .

Αυτή η ενότητα θα σας επιτρέψει να δημιουργήσετε τη συλλογή απευθείας στο Divi Builder. Αρχικά, ας προσθέσουμε τις εικόνες κάνοντας κλικ στην επιλογή Προσθήκη εικόνων συλλογής στην Εικόνες .

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

Θα χρησιμοποιήσουμε τον φάκελο Google Drive για αυτήν την περίπτωση.

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

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

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

Όπως μπορείτε να δείτε, αυτά τα πρόσθετα είναι απλώς ένας τέλειος συνδυασμός ;)

Αποκτήστε την πιο επαγγελματική ιστοσελίδα WordPress με τον καλύτερο συνδυασμό

Έχουμε δείξει μόνο μερικές από τις διαθέσιμες λειτουργίες του WP Media Folder , υπάρχουν και άλλες, όπως η πλήρης μεταφορά των πολυμέσων σας σε AWS, PDF Embedded και άλλες συνδέσεις cloud όπως OneDrive και το Dropbox, οπότε τι περιμένετε για να αρχίσετε να χρησιμοποιείτε όλες αυτές τις εκπληκτικές λειτουργίες; Πηγαίνετε εδώ και αποκτήστε τη δική σας συνδρομή :)