Πώς να δημιουργήσετε ένα 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και το 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, you will see that now there are new options like creating media folders, this is very useful when we want to organize our media library, there are multiple filters and options that will make our media library, the perfect media manager.

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

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

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

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

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

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

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

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

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