Παρουσιάζουμε το Widget Rotator εικόνων WordPress

WordPress

DK New Media είχε αυτό το plugin WordPress στο back-burner για αρκετό καιρό. Η ζήτηση για ένα απλό, ποιοτικό πρόσθετο περιστρεφόμενης εικόνας ήταν υψηλό όχι μόνο για τους πελάτες μας, αλλά και για την κοινότητα του WordPress. Τα πρόσθετα που είχα βρει ότι υποσχέθηκαν να κάνουν ό, τι χρειαζόμασταν είτε ήταν σπασμένα είτε δεν λειτούργησαν καθόλου. Έτσι φτιάξαμε το δικό μας.

Λήψη ή εγκατάσταση του Widget Rotator εικόνας

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

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

Αυτές οι μεταβάσεις δεν ήταν όμως το μεγαλύτερο πρόβλημα. Ήταν οι ρυθμίσεις. Αυτό ήταν το άσχημο κομμάτι, αλλά αυτή τη φορά κάναμε κάτι κομψό. Γνωρίζαμε ότι η διαδικασία προσθήκης εικόνων στον περιστροφέα έπρεπε να είναι απλή. Ένα απλό κουμπί "+" θα επικαλεστεί το διάλογο πολυμέσων του WordPress. Από εκεί, οι χρήστες μπορούν να επιλέξουν να ανεβάσουν μια νέα εικόνα ή να επιλέξουν μια προηγουμένως μεταφορτωμένη εικόνα από τη Βιβλιοθήκη πολυμέσων τους, όπως θα έκαναν εάν εισήγαγαν μια εικόνα σε μια ανάρτηση. Αφού ολοκληρωθεί η μεταφόρτωση της εικόνας ή ο χρήστης έχει επιλέξει μια εικόνα, πρέπει να πατήσει το κουμπί "Αποστολή σε περιστροφικό είδωλο". Μόλις ανέβουν όλες οι επιθυμητές εικόνες, είναι πολύ εύκολο στη διαχείριση.

Widget Rotator εικόνας

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

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

Για να διαγράψετε μια εικόνα από το widget, πατήστε το κουμπί "-" που βρίσκεται δίπλα στην εικόνα που θέλετε να καταργήσετε. Λάβετε υπόψη ότι πρέπει να κάνετε κλικ στο "Αποθήκευση", διαφορετικά δεν θα πραγματοποιηθεί καμία από αυτές τις αλλαγές.

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

Λήψη ή εγκατάσταση του Widget Rotator εικόνας

29 Σχόλια

  1. 1

    Πώς λειτουργεί το μέγεθος εικόνας; Παρατηρώ ότι το πλαίσιο μεταφόρτωσης αναφέρει 200 ​​× 200. Τι γίνεται αν η εικόνα μου έχει διαφορετικές αναλογίες;

    • 2

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

  2. 3

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

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

  3. 5
  4. 9
  5. 10

    Θα ήθελα πραγματικά να χρησιμοποιήσω αυτό το πρόσθετο, αλλά όταν ανεβάζω μια εικόνα, δεν έχω καμία δυνατότητα «αποστολή εικόνας σε περιστροφικό widget», μόνο το συνηθισμένο «ένθετο για δημοσίευση».
    Έχω διαγράψει και επανεγκαταστήσει την προσθήκη, αλλά μέχρι στιγμής δεν υπάρχει τύχη. Μπορείτε να με βοηθήσετε;

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

    Ευχαριστώ,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Μπορώ μόνο να μαντέψω ότι θα χρειαστεί να δημιουργήσουμε ένα αρχείο μετάφρασης. Μπορείτε να μας πείτε τι είναι το "send image to rotator widget" στα ολλανδικά; Δεν σκοπεύουμε να κυκλοφορήσουμε σύντομα, αλλά θα προσπαθήσουμε να το κάνουμε.

      Doug

      • 12

        Hi Doug,
        Σας ευχαριστώ πολύ για την γρήγορη απάντησή σας. Η σωστή μετάφραση θα ήταν «invoegen in widget rotator image».
        Ελπίζω πραγματικά να λειτουργεί. Από την άλλη πλευρά, δεν θα με πειράζει να χρησιμοποιήσω το "αποστολή εικόνας σε περιστροφικό widget" στα Αγγλικά εάν αυτό θα λύσει το πρόβλημα.

        Καλύτερος,
        Ελένη

      • 13

        Ντουγκ,
        Έχω τρέξει αρκετούς ιστότοπους WP, οπότε δοκίμασα αυτό το περιστροφικό είδωλο σε αγγλική έκδοση και λειτουργεί καλά. Πιστεύω λοιπόν ότι έχετε δίκιο, αυτό έχει να κάνει με τη μετάφραση. Θα ήταν υπέροχο αν μπορούσατε να φτιάξετε τη μετάφραση κάπου στο εγγύς μέλλον. Εάν με χρειάζεστε για να μεταφράσω περισσότερα από Αγγλικά σε Ολλανδικά, θα χαρώ να σας βοηθήσω.
        Μια άλλη ερώτηση: υπάρχει τρόπος να κάνετε κλικ σε μια εικόνα για να την παραμείνει, ώστε οι χρήστες να μπορούν να διαβάσουν το κείμενο που πρόσθεσα; Ή στο βρόχο, να το κάνετε λιγότερο γρήγορο;

  6. 14

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

  7. 18

    Γεια, θα ήθελα να αλλάξω το javascript για το fade της εικόνας, έτσι ώστε μια εικόνα να ξεθωριάζει στην επόμενη αντί να ξεθωριάζει στο λευκό. Τι πρέπει να αλλάξω για αυτό;

  8. 19
  9. 21
  10. 22

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

    • 23

      Δυστυχώς, δεν φαίνεται ότι η σελίδα μεταφόρτωσης πολυμέσων διαθέτει αυτήν τη δυνατότητα - απλώς χρησιμοποιούμε τον διάλογο WordPress που είναι ενσωματωμένος. Μπορούμε όμως να το κάνουμε ως επιλογή στο plugin! Από τώρα και μετά, είναι δυνατό να το κάνετε αυτό με το jQuery εάν ​​έχετε κάποια εμπειρία να κάνετε αυτήν την ανάπτυξη.

      • 24

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

        Ευχαριστώ,
        janet

    • 26
  11. 27

    Ευχαριστώ για την εξαιρετική προσθήκη. Μία ερώτηση - Υπάρχει η επιλογή να έχετε δύο παρουσίες της προσθήκης; Θα ήθελα να χρησιμοποιήσω ένα σύνολο εικόνων σε ένα σημείο και ένα άλλο σύνολο εικόνων σε άλλο.

  12. 29

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.