Πρόσθετο ρυθμιστικού Carousel για WordPress. Τα καλύτερα ρυθμιστικά προϊόντων WooCommerce

Γειά σου!Συνεχίζουμε να αναλύουμε τα πιο ενδιαφέροντα και πιο χρήσιμα πρόσθετα για τον ιστότοπο WordPress! Σήμερα θα μάθετε πώς να προσθέτετε ένα κομψό ρυθμιστικό καρουζέλ με αναρτήσεις, προϊόντα, βίντεο και εικόνες στον ιστότοπό σας. Μπορείτε να προσαρμόσετε την εμφάνιση του ρυθμιστικού. Μπορείτε να επιλέξετε τι θα εμφανίζεται στο καρουζέλ, αναρτήσεις, προϊόντα, εικόνες ή βίντεο. Μπορείτε να προσαρμόσετε την εμφάνιση του καρουζέλ για κινητές συσκευές. Μπορείτε να ενεργοποιήσετε την πλοήγηση, να επιλέξετε μέγεθος εικόνας, να καθορίσετε τον αριθμό των στηλών στο καρουζέλ κ.λπ. Όλα είναι πολύ απλά και γρήγορα! Κοιτάξτε παραπέρα!

Για προϊόντα Woocommerce μπορείτε να προσαρμόσετε την εμφάνιση της τιμής, της βαθμολογίας, του τίτλου, του κουμπιού “Προσθήκη στο καλάθι”, εκπτώσεις. Μπορείτε να προσθέσετε ένα κουμπί για γρήγορη προβολή ενός προϊόντος σε ένα παράθυρο lightbox. Μπορείτε να προσθέσετε προϊόντα από κατηγορίες, ετικέτες ή να επιλέξετε συγκεκριμένα προϊόντα.

Πρόσθετο WordPress Slider Carousel

Εγκαταστήστε το πρόσθετο Ρυθμιστικό καρουζέλμπορείτε απευθείας από τον πίνακα διαχείρισης του WordPress. Μετάβαση στη σελίδα: Πρόσθετα – Προσθήκη νέου, πληκτρολογήστε το όνομα του πρόσθετου στη φόρμα αναζήτησης, πατήστε Enter, εγκαταστήστε και ενεργοποιήστε το πρόσθετο.

Στη συνέχεια, αφού εγκαταστήσετε και ενεργοποιήσετε το πρόσθετο, μεταβείτε στη σελίδα: Ρυθμιστικό καρουζέλ – Όλες οι διαφάνειες . Όλα τα καρουζέλ που δημιουργήθηκαν θα εμφανίζονται εδώ. Για να δημιουργήσετε ένα νέο καρουζέλ, κάντε κλικ στο κουμπί στο επάνω μέρος - Προσθήκη νέου.

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

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

– Προϊόν ανά σελίδα, καθορίστε πόσα προϊόντα πρέπει να εμφανίζονται στο καρουζέλ.

– Εμφάνιση τίτλου, εμφάνιση του τίτλου του προϊόντος.

– Εμφάνιση τιμής, εμφάνιση της τιμής του προϊόντος.

– Εμφάνιση κουμπιού καλαθιού, εμφάνιση του κουμπιού “Προσθήκη στο καλάθι”.

– Εμφάνιση ετικέτας πώλησης, εμφάνιση έκπτωσης προϊόντος.

– Εμφάνιση κουμπιού λίστας επιθυμιών, εμφάνιση του κουμπιού “Προσθήκη στα αγαπημένα”εάν έχετε εγκατεστημένο το πρόσθετο.

– Εμφάνιση γρήγορης προβολής, κουμπί εμφάνισης “Γρήγορη προβολή”.

– Χρώμα τίτλου, επιλέξτε το χρώμα του τίτλου του προϊόντος.

– Χρώμα φόντου κουμπιού, χρώμα φόντου κουμπιών.

– Κουμπί Χρώμα κειμένου, το χρώμα του κειμένου στο κουμπί.

– Μέγεθος εικόνας καρουζέλ, μπορείτε να επιλέξετε το μέγεθος των εικόνων.

– Lazy load image, μπορείτε να ενεργοποιήσετε τη λειτουργία της σταδιακής φόρτωσης εικόνων.

– Slide By, από προεπιλογή στο καρουζέλ το ρυθμιστικό μετατοπίζεται κατά ένα προϊόν.

– Περιθώριο Δεξιά (px) στο στοιχείο, το μέγεθος των περιγραμμάτων του καρουζέλ σε pixel.

– Βρόχος Inifnity, μπορείτε να αντιγράψετε το τελευταίο και το πρώτο στοιχείο για να έχετε την ψευδαίσθηση ενός βρόχου.

– Πλοήγηση, ενεργοποίηση πλοήγησης.

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

– Πλοήγηση & Χρώμα κουκκίδων, χρώμα κουκκίδων (κουκκίδες).

– Χρώμα πλοήγησης και κουκκίδων: Hover & Active,χρώμα των ενεργών σφαιρών και κατά τη στόχευση.

– Αυτόματη αναπαραγωγή, ενεργοποιήστε την αυτόματη αναπαραγωγή του καρουζέλ.

– Χρόνος λήξης αυτόματης αναπαραγωγής, καθυστέρηση πριν από την αυτόματη αναπαραγωγή.

– Ταχύτητα αυτόματης αναπαραγωγής, ταχύτητα αυτόματης αναπαραγωγής.

– Αυτόματη αναπαραγωγή Hover Pause, ενεργοποιήστε την παύση κατά την αιώρηση.

– Στήλες, ο αριθμός των στηλών στο καρουζέλ.

– Στήλες: Επιφάνεια εργασίας, ο αριθμός των στηλών στον υπολογιστή.

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

– Στήλες: Tablet, ο αριθμός των στηλών στο tablet.

– Στήλες: Μικρό tablet, ο αριθμός στηλών σε ένα μικρό tablet.

– Στήλες: Κινητό, ο αριθμός στηλών σε κινητές συσκευές.

– Εισαγάγετε το όνομα του καρουζέλ στο επάνω μέρος και κάντε κλικ στο κουμπί– Δημοσίευση.

01/11/15 310,6Κ

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

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

Χρησιμοποιώντας το JQuery σε συνδυασμό με HTML5 και CSS3, μπορείτε να κάνετε τις σελίδες σας πιο ενδιαφέρουσες, να τους προσφέρετε μοναδικά εφέ και να επιστήσετε την προσοχή των επισκεπτών σε μια συγκεκριμένη περιοχή του ιστότοπου.

Slick – μοντέρνο πρόσθετο ρυθμιστικού καρουζέλ

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

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

Λειτουργία επίδειξης | Λήψη

Owl Carousel 2.0 – jQuery – πρόσθετο για χρήση σε συσκευές αφής

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

Το ρυθμιστικό περιλαμβάνει ορισμένες ενσωματωμένες προσθήκες για τη βελτίωση της συνολικής λειτουργικότητας. Κινούμενα σχέδια, αναπαραγωγή βίντεο, αυτόματη αναπαραγωγή ρυθμιστικού, τεμπέλης φόρτωση, αυτόματη ρύθμιση ύψους – αυτά είναι τα κύρια χαρακτηριστικά του Owl Carousel 2.0.

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

Παραδείγματα | Λήψη

Πρόσθετο jQuery Silver Track

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

Παραδείγματα | Λήψη

AnoSlide – Εξαιρετικά συμπαγές ρυθμιστικό jQuery με απόκριση

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

Παραδείγματα | Λήψη

Κουκουβάγια Carousel – Jquery slider – carousel

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

Παραδείγματα | Λήψη

3D γκαλερί - καρουζέλ

Χρησιμοποιεί τρισδιάστατες μεταβάσεις που βασίζονται σε στυλ CSS και λίγο κώδικα Javascript.

Παραδείγματα | Λήψη

Τρισδιάστατο καρουζέλ χρησιμοποιώντας TweenMax.js και jQuery

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

Παραδείγματα | Λήψη

Καρουζέλ χρησιμοποιώντας bootstrap

Responsive slider - carousel με χρήση τεχνολογίας bootstrap μόνο για τον νέο σας ιστότοπο.

Παραδείγματα | Λήψη

Ρυθμιστικό καρουζέλ Moving Box με βάση το πλαίσιο Bootstrap

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

Παραδείγματα | Λήψη

Tiny Circleslider

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

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

Παραδείγματα | Λήψη

Ρυθμιστικό περιεχομένου Thumbelina

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

Παραδείγματα | Λήψη

Wow – slider – carousel

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

Παραδείγματα | Λήψη

Αποκριτικό ρυθμιστικό περιεχομένου jQuery bxSlider

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

Παραδείγματα | Λήψη

jCarousel

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

Παραδείγματα | Λήψη

Scrollbox - πρόσθετο jQuery

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

Παραδείγματα | Λήψη

dbpasΚαρουσέλ

Ένα απλό ρυθμιστικό καρουζέλ. Εάν χρειάζεστε ένα γρήγορο πρόσθετο, αυτό είναι 100% κατάλληλο. Διατίθεται μόνο με τις βασικές λειτουργίες που απαιτούνται για τη λειτουργία του ρυθμιστικού.

Παραδείγματα | Λήψη

Flexisel: Responsive JQuery Slider Plugin - Carousel

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

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

Παραδείγματα | Λήψη

Elastislide – προσαρμοστικό ρυθμιστικό – καρουζέλ

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

Παράδειγμα | Λήψη

FlexSlider 2

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

Παράδειγμα | Λήψη

Καταπληκτικό καρουζέλ

Amazing Carousel – ρυθμιστικό εικόνας με απόκριση χρησιμοποιώντας jQuery. Υποστηρίζει πολλά συστήματα διαχείρισης περιεχομένου όπως WordPress, Drupal και Joomla. Υποστηρίζει επίσης λειτουργικά συστήματα Android και IOS και επιτραπέζιους υπολογιστές χωρίς προβλήματα συμβατότητας. Τα ενσωματωμένα εκπληκτικά πρότυπα καρουζέλ σάς επιτρέπουν να χρησιμοποιείτε το ρυθμιστικό σε κάθετες, οριζόντιες και κυκλικές λειτουργίες.

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

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

Ρυθμιστικό για WordPress VG PostCarousel

Το VG PostCarousel είναι ένα ρυθμιστικό τύπου καρουζέλ για WordPress που εμφανίζει δημοσιεύσεις με βάση μια συγκεκριμένη λειτουργία. Το πρόσθετο αποδείχθηκε εύκολο στη χρήση και μια δημιουργική δημιουργία των συγγραφέων. Για να ξεκινήσετε, πρέπει να το κατεβάσετε, να το εγκαταστήσετε και να το ενεργοποιήσετε. Μετά από αυτό, ένα νέο στοιχείο "VG PostCarousel" θα εμφανιστεί στην κονσόλα σας. Για να προσθέσετε ένα νέο καρουζέλ ανάρτησης, κάντε κλικ στο "VG New Carousel".

Στην αρχή, θα χρειαστεί να εισαγάγετε ένα όνομα για το ρυθμιστικό WordPress που δημιουργείτε. Δεν θα είναι ορατό στον ιστότοπο, είναι απαραίτητο μόνο για να μπορείτε να διακρίνετε όλα τα καρουζέλ το ένα από το άλλο.

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

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

• Καθολικόςρυθμίσεις.Όπως υποδηλώνει το όνομα, αυτές είναι οι πιο σημαντικές γενικές ρυθμίσεις ρυθμιστικού WordPress. Μπορείτε να προσαρμόσετε τις παραμέτρους χρώματος, τις εσοχές από τα στοιχεία και το μέγεθος καρουζέλ. Μπορείτε επίσης να αντιστοιχίσετε το δικό σας στυλ CSS στο ρυθμιστικό εδώ.
• Στροβιλοδρόμιορυθμίσεις.Εδώ είναι οι ρυθμίσεις για το ίδιο το καρουσέλ. Αξίζει να σημειωθεί η ιδιαίτερη προσαρμοστικότητα αυτού του ρυθμιστικού. Έτσι, σε αυτήν την καρτέλα ρυθμίσεων μπορείτε να επιλέξετε μόνοι σας τι μέγεθος θα έχει το ρυθμιστικό σε διαφορετικές οθόνες συσκευών. Μπορείτε να μάθετε πόσο σημαντική είναι η προσαρμοστικότητα για την προώθηση της σύγχρονης ιστοσελίδας. Επιπλέον, σε αυτήν την καρτέλα μπορείτε να διαμορφώσετε την ταχύτητα του ρυθμιστικού, τη σελιδοποίηση, την παρουσία ή την απουσία ορισμένων στοιχείων ελέγχου κ.λπ.
• Θέσηρυθμίσεις.Εδώ διαμορφώνετε τις αναρτήσεις που θα εμφανίζονται στο καρουζέλ. Μπορείτε να καθορίσετε από ποια κατηγορία θα λαμβάνετε αναρτήσεις και επίσης να επιλέξετε την κατάσταση της ανάρτησης. Αξίζει να σημειωθεί ότι μπορείτε να επιδείξετε προγραμματισμένες ηχογραφήσεις, κεντρίζοντας έτσι τους επισκέπτες με ενδιαφέρον υλικό. Επίσης εδώ μπορείτε να διαμορφώσετε τον αριθμό των εγγραφών και την παρουσία ή απουσία διαφόρων στοιχείων.

(2 βαθμολογίες, μέσος όρος: 5,00 απο 5)

WordPress Carouselείναι το πιο ισχυρό και φιλικό προς το χρήστη πρόσθετο WordPress Carousel για τη δημιουργία όμορφων καρουζέλ Εικόνες, αναρτήσεις, προϊόντα WooCommerce κ.λπ.Αυτή η προσθήκη θα σας επιτρέψει απλώς να επιλέξετε εικόνες από τη βιβλιοθήκη πολυμέσων του WordPress, να τις σύρετε και να τις αποθέσετε στη θέση τους και επίσης να υποστηρίζει αναρτήσεις WordPress και προϊόντα WooCommerce. Είναι πλήρως αποκριτικό, εξαιρετικά προσαρμόσιμο και λειτουργεί ομαλά σε iPhone, iPad, Android, Firefox, Chrome, Safari, Opera και Edge.

Πιστεύουμε ότι δεν πρέπει να είστε κωδικοποιητής ή να προσλάβετε προγραμματιστή για να δημιουργήσετε ένα καρουζέλ για τον ιστότοπό σας στο WordPress. Γι' αυτό κατασκευάσαμε το WordPress Carousel plugin που είναι και τα δύο ΕΥΚΟΛΟ ΚΑΙ ΔΥΝΑΤΟ.

WordPress Carousel 2.0

WordPress Carousel 2.0έχει ανακατασκευαστεί πλήρως και αυτό σας παρέχει τώρα πολλές βελτιώσεις και νέα εκπληκτικά χαρακτηριστικά.

Θα μπορείτε να εμφανίσετε

Καρουσέλ εικόνας– Δημιουργήστε όμορφα καρουζέλ εικόνων με τη μεταφόρτωση εικόνων μέσω της κανονικής συλλογής πολυμέσων του WordPress. Μεταφέρετε και αποθέστε εύκολα διαφάνειες εικόνων.

Post Carousel– Εμφάνιση των τελευταίων αναρτήσεων του WordPress στο καρουζέλ με τίτλο ανάρτησης, εικόνα, απόσπασμα, ημερομηνία, συγγραφέα κ.λπ.

Καρουζέλ προϊόντων WooCommerce– Εμφάνιση του πιο πρόσφατου καρουζέλ προϊόντων WooCommerce. Εμφάνιση/απόκρυψη του ονόματος προϊόντος, της εικόνας, της τιμής, της βαθμολογίας, του κουμπιού προσθήκης στο καλάθι κ.λπ.

Λίστα βασικών χαρακτηριστικών

• Πλήρως απόκριση και φιλική στην αφή.
• Ελαφρύ, γρήγορο και ισχυρό.
• Γεννήτρια σύντομων κωδικών.
• Εξαιρετικά φιλικό προς το χρήστη Πίνακας Διαχειριστή.
• Δημιουργήστε Carousel χρησιμοποιώντας εικόνες από γκαλερί πολυμέσων, αναρτήσεις, προϊόντα κ.λπ.
• Σύρετε και αποθέστε διαφάνειες εικόνων Αναδιάταξη.
• Πολλαπλά καρουζέλ.(Δημιουργήστε απεριόριστα καρουζέλ στην ίδια σελίδα)
• Υποστήριξη πολλών τοποθεσιών.
• Ορισμός περιγράμματος για διαφάνεια εικόνας.
• Ενεργοποίηση/απενεργοποίηση αυτόματης αναπαραγωγής.
• Έλεγχος ταχύτητας αυτόματης αναπαραγωγής.
• Σταματήστε στο αιωρούμενο καρουζέλ.
• Άπειρο looping για το καρουζέλ.
• Εμφάνιση/απόκρυψη κουκκίδων πλοήγησης και σελιδοποίησης.
• Χρώμα κουκκίδων πλοήγησης & σελιδοποίησης.
• Απεριόριστες επιλογές χρωμάτων και στυλ.
• Ελέγξτε τις στήλες καρουζέλ σε διαφορετικές συσκευές.
• Εμφάνιση τυχαίας σειράς.
• Μοναδικές ρυθμίσεις για κάθε καρουζέλ.
• Αγγίξτε Επιλογές ολίσθησης.
• Ενεργοποίηση ή απενεργοποίηση με δυνατότητα μεταφοράς ποντικιού.
• Πολύγλωσσο έτοιμο.
• Υποστηρίζεται RTL.
• Υποστηρίζεται γραφικό στοιχείο.
• Συμβατό με οποιοδήποτε θέμα.
• Προηγμένες ρυθμίσεις για την ουρά ή την αφαίρεση σεναρίων/CSS.
• Προσαρμοσμένο πεδίο CSS για παράκαμψη στυλ.
• Φιλικό προς τους προγραμματιστές και εύκολο στην προσαρμογή.
• SEO φιλικό και βελτιστοποιημένο για ταχύτητα.
• Υποστήριξη όλων των σύγχρονων προγραμμάτων περιήγησης: IE, Firefox, Chrome, Safari, Opera, Edge κ.λπ.
• Τεκμηρίωση και Εκμάθηση Βίντεο.
• Γρήγορη και ενεργή υποστήριξη.
• Και πολλές περισσότερες επιλογές.

Για γρήγορη υποστήριξη, αιτήματα δυνατοτήτων και αναφορά σφαλμάτων

WordPress Carousel Pro

Υποστήριξη και τεκμηρίωση Premium

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

Συγγραφέας

Στιγμιότυπα οθόνης

Εγκατάσταση

ΕΛΑΧΙΣΤΕΣ ΑΠΑΙΤΗΣΕΙΣ

• PHP 5.6 ή μεταγενέστερη
• MySQL 5.6 ή νεότερη έκδοση
• WordPress 4.3 ή νεότερη έκδοση

Αυτή η ενότητα περιγράφει πώς να εγκαταστήσετε το πρόσθετο και να το κάνετε να λειτουργεί

ΑΥΤΟΜΑΤΗ ΕΓΚΑΤΑΣΤΑΣΗ (Ο ΕΥΚΟΛΟΣ ΤΡΟΠΟΣ)

Για να κάνετε μια αυτόματη εγκατάσταση του WordPress Carousel, συνδεθείτε στον πίνακα ελέγχου του WordPress, μεταβείτε στο μενού Προσθήκες και
κάντε κλικ στο Προσθήκη νέου.
Στο πεδίο αναζήτησης πληκτρολογήστε "WordPress Carousel". Μόλις το βρείτε, μπορείτε να το εγκαταστήσετε απλά
κάνοντας κλικ στο «Εγκατάσταση τώρα» και μετά στο «Ενεργοποίηση».

ΧΕΙΡΟΚΙΝΗΤΙΚΗ ΕΓΚΑΤΑΣΤΑΣΗ

• Κατεβάστε το wp-carousel-free.zip
• Μεταβείτε στην "Προσθήκη νέου" στον πίνακα ελέγχου των προσθηκών
• Μεταβείτε στην περιοχή «Μεταφόρτωση».
• Επιλέξτε wp-carousel-free.zip από τον υπολογιστή σας
• Κάντε κλικ στο «Εγκατάσταση τώρα»

Χρήση FTP

• Κατεβάστε το wp-carousel-free.zip
• Εξαγάγετε τον κατάλογο wp-carousel-free στον υπολογιστή σας
• Ανεβάστε τον κατάλογο wp-carousel-free στον κατάλογο /wp-content/plugins/
• Ενεργοποιήστε την προσθήκη στον πίνακα ελέγχου της προσθήκης

Πού μπορώ να αναφέρω σφάλματα;

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

Θα ήθελα πρόσβαση σε περισσότερες δυνατότητες. Πώς μπορώ να τα αποκτήσω;

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

Είναι έτοιμο το WordPress Carousel Multilingual;

Ναι, το WordPress Carousel είναι 100% έτοιμο για μετάφραση και δοκιμασμένο με WPML, Polylang, qTranslate-x, GTranslate, Google Language Translator, WPGlobus κ.λπ.

Είναι το WordPress Carousel συμβατό με το WordPress multisite;

Ναι, το WordPress Carousel λειτουργεί τέλεια με το δίκτυο πολλών τοποθεσιών WordPress.

Πώς να χρησιμοποιήσετε το «WordPress Carousel» στο WordPress 5.0 Gutenberg Block Editor

Προσθήκη α WordPress Carousel (Image Carousel, Post Carousel, Product Carousel)χρησιμοποιώντας το WordPress 5.0 Block Editorείναι αρκετά απλό. Μπορείτε να επικολλήσετε τον δημιουργημένο σύντομο κώδικα σε ένα «Μπλοκ παραγράφου» ή να χρησιμοποιήσετε το «Μπλοκ συντομεύσεων». Λειτουργεί όμορφα ως κλασικός επεξεργαστής.

Σας αρέσει αυτό το πρόσθετο και θέλετε να μας ενθαρρύνετε για βελτίωση;

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

Γεια σας φίλοι!

Πρόσφατα, με έχουν προσεγγίσει αρκετές φορές με το ερώτημα ποιο πρόσθετο σάς επιτρέπει να δημιουργήσετε έναν περιστροφέα εικόνας σε έναν ιστότοπο (για WordPress).

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

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

Αυτό είναι ένα πρόσθετο για το WordPress - "Merry Carousel".

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

Μπορείτε να δείτε ένα παράδειγμα του πώς λειτουργεί το πρόσθετο.

Είναι πολύ βολικό.

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

1. Εγκαταστήστε το πρόσθετο.

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

2. Ρύθμιση προσθήκης.

Έτσι, κατεβάσαμε και εγκαταστήσαμε το πρόσθετο στον ιστότοπό μας. Και μην ξεχάσετε να το ενεργοποιήσετε!!!

Τώρα μεταβείτε στον πίνακα διαχείρισης του ιστότοπού μας. Στο κάτω μέρος της κύριας γραμμής εργαλείων, εμφανίστηκε το στοιχείο "RC Plugins" (υπάρχει επίσης ένα αστείο εικονίδιο χάμπουργκερ). Εκεί πάμε.

Φτάνουμε στον πίνακα ρυθμίσεων της προσθήκης.

Και τώρα με τη σειρά.

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

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

Το επόμενο πεδίο είναι το μέγεθος της εικόνας. Ορίστε το μέγεθος της εικόνας σε pixel. Και τώρα σημαντικό σημείο.

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

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

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

Λοιπόν, οι τελευταίες ρυθμίσεις είναι οι ρυθμίσεις της οθόνης. Εκεί υποδεικνύουμε ποιες εικόνες να χρησιμοποιήσετε στο rotator και πόσες από αυτές να χρησιμοποιήσετε. Δεν υπάρχει τίποτα περίπλοκο εκεί - μπορείτε να το καταλάβετε μόνοι σας.

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

3. Εισαγωγή του κωδικού rotator στην τοποθεσία.

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

Για να το κάνετε αυτό, εισάγετε τον παρακάτω κώδικα στη σωστή θέση στον κώδικα του ιστότοπού μας:

Αυτό είναι όλο. Τώρα έχετε ένα κομψό rotator στον ιστότοπό σας.