Προσθέστε ένα γραφικό στοιχείο Responsive Image Rotator στον ιστότοπό σας σε οποιαδήποτε πλατφόρμα

Widget Rotator εικόνας

Πριν από πολλά χρόνια, απογοητεύτηκα όταν ανακάλυψα ότι δεν υπήρχε ένας απλός τρόπος για να περιστρέψετε εικόνες στο WordPress, έτσι ανέπτυξα ένα Πρόσθετο Widget Rotator Image για WordPress. Με τα χρόνια, ωστόσο, το WordPress προώθησε τις δυνατότητές του και έχουν εμφανιστεί πολλά άλλα πρόσθετα, προγράμματα δημιουργίας σελίδων, νέα διεπαφή χρήστη widget και εργαλεία τρίτων. Δεν άξιζε τον κόπο για εμάς να συνεχίσουμε να αναπτύσσουμε το πρόσθετο, οπότε σταματήσαμε να το υποστηρίζουμε και να το ενημερώνουμε.

Γραφικό στοιχείο συλλογής φωτογραφιών Elfsight Responsive

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

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

Γραφικό στοιχείο συλλογής φωτογραφιών προϊόντων με κάθετες εικόνες

Γραφικό στοιχείο συλλογής φωτογραφιών με τελείες

Γραφικό στοιχείο συλλογής φωτογραφιών με οριζόντιες εικόνες

Αποκριτικό γραφικό στοιχείο Mozaic Photo

Γραφικό στοιχείο συλλογής φωτογραφιών με στηλώδεις οριζόντιες εικόνες

Γραφικό στοιχείο συλλογής φωτογραφιών πλακιδίων

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

Διατάξεις συλλογής φωτογραφιών με το γραφικό στοιχείο Elfsight

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

Ενέργεια Widget Rotator Image

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

Σχεδιάστε τη δική σας συλλογή γρήγορα και εύκολα… στη συνέχεια αντιγράψτε και επικολλήστε το σενάριο του γραφικού στοιχείου στο σύστημα διαχείρισης περιεχομένου ή στο HTML σας και είστε έτοιμοι να λειτουργήσετε.  

Δημιουργήστε τώρα το γραφικό στοιχείο Rotator εικόνας σας

Αποκάλυψη: Είμαστε συνεργάτης της Ξωτικό και επίσης ευχαριστημένος πελάτης!

31 Σχόλια

  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
  13. 30
    • 31

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

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

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