Πώς να δημιουργήσετε ένα slider χρησιμοποιώντας μια συλλογή εικόνων στο WordPress

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

Σε αυτό το σεμινάριο θα δούμε πόσο εύκολο είναι να δημιουργήσετε μια συλλογή slider χρησιμοποιώντας WP Media Folder και το πρόσθετο Gallery, το καλύτερο πρόσθετο για την καλύτερη δυνατή συλλογή ;)

Εμφάνιση των εικόνων σας χρησιμοποιώντας τη διαχείριση γκαλερί WP Media Folder

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

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

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

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

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

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

Οι εικόνες θα προστεθούν στον πίνακα εργαλείων της γκαλερί.

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

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

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

Θα έχουμε 3 επιλογές στον πίνακα συλλογής, Γενικά, Ρυθμίσεις εμφάνισης & Σύντομος κώδικας, και Προεπισκόπηση

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

On the Preview, we will be able to see what the gallery looks like before publishing.

Έχουμε 2 διαθέσιμες συλλογές slider εδώ, το Slider, και το Flow Slide, ας δούμε και τα δύο θέματα και τις επιλογές που είναι διαθέσιμες σε κάθε θέμα.

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

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

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

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

Under the settings, we can select how big we want the image to be shown as well as the main settings like the size, the action on click, and the color of the title, hover, and description.

Ας ελέγξουμε την Προεπισκόπηση.

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

Εισαγωγή ενός συρόμενου γκαλερί απευθείας από τις Αναρτήσεις και τις Σελίδες μας

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

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

Αναζητήστε στα μπλοκ για το WPMF Gallery Addon μπλοκ και εισάγετέ το στη σελίδα.

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

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

Η προεπισκόπηση θα φορτωθεί απευθείας στο περιεχόμενο.

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

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

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

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

Αυτές οι ρυθμίσεις περιλαμβάνουν φυσικά και την αλλαγή του θέματος, που είναι φοβερό! Δεν είναι;

Θα μπορέσουμε να αλλάξουμε το θέμα και να το προσαρμόσουμε όταν θέλουμε να προσαρμόσουμε και να ενημερώσουμε γρήγορα τα πράγματα.

Οι καλύτερες γκαλερί χρησιμοποιώντας το καλύτερο πρόσθετο!

Δημιουργία γκαλερί από φακέλους πολυμέσων

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

Εάν μεταβείτε στη βιβλιοθήκη πολυμέσων μετά την εγκατάσταση του WP Media FolderWP Media Folder

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

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

Επιλέξτε το φάκελο και κάντε κλικ στο Δημιουργία.

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

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

Αυτό θα κάνει τα πάντα για εμάς, μια κουραστική εργασία προσθήκης εικόνων, που γίνεται αυτόματα, πραγματικά φοβερό! δεν είναι;

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

Ας τελειώσουμε αυτήν την ανάρτηση με τον καλύτερο δυνατό τρόπο, δείχνοντας ένα βίντεο βήμα προς βήμα:

Όπως μπορείτε να δείτε, αυτό είναι ένα από τα καλύτερα εργαλεία όταν μιλάμε για τη δημιουργία συλλογών, αλλά δεν είναι το μόνο πράγμα που μπορούμε να κάνουμε, μπορούμε να ταξινομήσουμε τις εικόνες μας, να τις μεταφορτώσουμε, να συνδέσουμε τη βιβλιοθήκη πολυμέσων μας με υπηρεσίες cloud όπως Google Drive, OneDrive, και Dropbox, οπότε τι περιμένετε; Πηγαίνετε εδώ και μάθετε περισσότερα.