Presentazione del widget Rotatore di immagini di WordPress

WordPress

DK New Media ha avuto questo plugin per WordPress nel dimenticatoio per un po 'di tempo. La richiesta di un plug-in rotatore di immagini semplice e di qualità era alta non solo per i nostri clienti, ma anche per la comunità di WordPress. I plugin che avevo trovato che promettevano di fare ciò di cui avevamo bisogno erano danneggiati o non funzionavano affatto. Quindi abbiamo creato il nostro.

Scarica o installa il widget Image Rotator

La prima versione era brutta e di conseguenza non è mai stata aggiunta al repository dei plugin di WordPress. L'estetica non era l'unico problema: si poteva eseguire solo un istante per pagina, c'erano due posti diversi in cui le impostazioni dovevano essere configurate, ho detto che era brutto?

Il rotatore è dotato di tre transizioni: Linear, Loop e Fade. Linear farà scorrere le immagini orizzontalmente nel suo contenitore. Una volta che un rotatore lineare ha raggiunto la fine delle immagini, tornerà indietro e scorrerà in senso inverso. I rotatori di loop sono circolari: quando viene raggiunta l'ultima immagine, la prima immagine nell'elenco apparirà successiva e il loop ricomincia. Fade dissolverà ogni immagine in entrata e in uscita.

Tuttavia, queste transizioni non erano il nostro problema più grande. Erano le impostazioni. Quella era la parte brutta, ma questa volta abbiamo realizzato qualcosa di elegante. Sapevamo che il processo di aggiunta di immagini al rotatore doveva essere semplice. Un semplice pulsante "+" richiamerà la finestra di dialogo Media di WordPress. Da lì, gli utenti possono scegliere di caricare una nuova immagine o di selezionare un'immagine caricata in precedenza dalla loro libreria multimediale, proprio come farebbero se inserissero un'immagine in un post. Dopo che l'immagine ha terminato il caricamento o l'utente ha selezionato un'immagine, deve premere il pulsante "Invia a Image Rotator". Una volta che tutte le immagini desiderate sono state caricate, sono davvero facili da gestire.

Widget rotatore di immagini

Passando il mouse sopra il nome di un'immagine verrà visualizzato un suggerimento che contiene l'immagine. Non volevamo ingombrare le impostazioni del widget, quindi abbiamo deciso che il caricamento di tutte le immagini nel contenitore delle impostazioni non era un'opzione. La nostra decisione di inserire le immagini in un'anteprima del tooltip ha ripagato due volte: gli utenti non devono aspettare il caricamento delle immagini prima di poter modificare, riordinare, ecc…; e ha mantenuto pulita la nostra interfaccia, il che rende facile l'ordinamento e la cancellazione.

L'ordinamento è facile come fare clic su uno spazio vuoto all'interno della voce dell'elenco delle immagini e trascinarlo nella posizione desiderata. Immagina quanto sarebbe stato mosso se avessimo caricato le immagini (tutte con proporzioni diverse) direttamente nel contenitore delle impostazioni.

Per eliminare un'immagine dal widget, premere il pulsante "-" che si trova accanto all'immagine che si desidera rimuovere. Tieni presente che devi fare clic su "Salva" o nessuna di queste modifiche avrà luogo.

Se dai una corsa a questo plugin, non esitare a lasciare commenti, bug o feedback nel file Forum di supporto per WordPress(li monitoriamo) o da contattandoci direttamente.

Scarica o installa il widget Image Rotator

Commenti

  1. 1

    Come funziona il dimensionamento delle immagini? Noto che la casella di caricamento dice 200 × 200. E se la mia immagine fosse di proporzioni diverse?

    • 2

      Penso che aggiungerebbe troppa complessità a questo plugin. E non sembrerebbe mai corretto perché potrebbero non essere correttamente centrate orizzontalmente, potrebbero essere pixelate, ecc. Proprio come è necessario ridimensionare le immagini in modo appropriato per un post, l'utente dovrebbe ridimensionarlo correttamente qui.

  2. 3

    Diverse proporzioni di larghezza funzioneranno, ma non le proporzioni di altezza. A partire da ora, per ottenere il meglio dal widget, dovresti creare tutte le immagini che prevedi di utilizzare alla stessa altezza.

    Nella prossima versione aggiungerò le impostazioni delle dimensioni al widget. Potrai scegliere la larghezza e l'altezza dell'intero widget, e di conseguenza le immagini verranno ridimensionate proporzionalmente ad esso.

  3. 5
  4. 9
  5. 10

    Mi piacerebbe davvero usare questo plugin, ma quando carico un'immagine, non ho la possibilità di "inviare l'immagine al widget del rotatore", ma solo il normale "inserisci per pubblicare".
    Ho cancellato e reinstallato il plugin, ma finora senza fortuna. Puoi aiutarmi per favore?

    Ho aggiunto uno screenshot e anche se è in olandese dovresti essere in grado di vedere che il pulsante "invia immagine ..." è mancante. Apprezzerei molto il tuo aiuto.

    Grazie,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Posso solo immaginare che ci richiederà di creare un file di traduzione. Puoi dirci cosa significa "invia immagine al widget rotatore" in olandese? Non stiamo pianificando un rilascio a breve, ma proveremo a inserirlo.

      Doug

      • 12

        Ciao Doug,
        Grazie mille per la tua rapida risposta. La traduzione corretta sarebbe "invoegen in image rotator widget".
        Spero davvero che funzioni. D'altra parte, non mi dispiacerebbe usare il widget "invia immagine al rotatore" in inglese se questo risolvesse il problema.

        saluti,
        Helen

      • 13

        Doug,
        Ho diversi siti WP in esecuzione, quindi ho provato questo rotatore di immagini in una versione inglese e funziona perfettamente. Quindi, penso che tu abbia ragione, questo ha a che fare con la traduzione. Sarebbe fantastico se potessi andare in giro a costruire la traduzione da qualche parte nel prossimo futuro. Se hai bisogno che traduca di più dall'inglese all'olandese, sarò felice di aiutarti.
        Un'altra domanda: c'è un modo per fare clic su un'immagine per farla rimanere, in modo che le persone possano leggere il testo che ho aggiunto? O nel ciclo, renderlo meno veloce?

  6. 14
  7. 18

    Salve, vorrei cambiare il javascript per la dissolvenza dell'immagine in modo che un'immagine si dissolva nella successiva invece di sbiadire in bianco nel mezzo. Cosa devo cambiare per questo?

  8. 19
  9. 21
  10. 22
    • 23

      Sfortunatamente, non sembra che la pagina di caricamento dei media abbia quella funzione: stiamo solo usando la finestra di dialogo di WordPress integrata. Tuttavia, possiamo cercare di renderla un'opzione sul plug-in! Tra ora e allora, è possibile farlo con jQuery se hai esperienza nello sviluppo.

    • 26
  11. 27

    Grazie per un ottimo plugin. Una domanda: esiste la possibilità di avere due istanze del plugin? Vorrei utilizzare un set di immagini in un punto e un altro set di immagini in un altro.

  12. 29

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.