Presentació del widget d’imatges de WordPress

WordPress

DK New Media fa temps que té aquest connector de WordPress al back-burner. La demanda d’un connector rotatori d’imatges senzill i de qualitat era elevada no només per als nostres clients, sinó també per a la comunitat de WordPress. Els connectors que havia comprovat que prometien fer el que necessitàvem es van trencar o no funcionaven gens. Així doncs, vam fer la nostra.

Descarregueu o instal·leu el widget Image Rotator

La primera versió va ser lletja i, per tant, mai no es va afegir al dipòsit de complements de WordPress. L’estètica no era l’únic problema: només es podia executar un instant per pàgina, hi havia dos llocs diferents on s’havien de configurar els paràmetres, he dit que era lletja?

El rotador inclou tres transicions: Lineal, Loop i Fade. Lineal desplaçarà les imatges horitzontalment pel contenidor. Un cop un rotador lineal hagi arribat al final de les imatges, rebotarà i es desplaçarà pel camí contrari. Els rotadors de bucle són circulars: quan s'arriba a la darrera imatge, apareixerà la primera imatge de la llista i el bucle torna a començar. Fade esvairà cada imatge dins i cada imatge.

Aquestes transicions no van ser el nostre problema més important. Era la configuració. Aquesta era la part lletja, però aquesta vegada hem fet una cosa elegant. Sabíem que el procés per afegir imatges al rotador havia de ser senzill. Un botó simple "+" invocarà el quadre de diàleg Multimèdia de WordPress. A partir d’aquí, els usuaris poden triar carregar una imatge nova o seleccionar una imatge carregada prèviament de la seva biblioteca multimèdia, tal com ho farien si inserissin una imatge en una publicació. Un cop la imatge hagi acabat de penjar-se o l’usuari hagi seleccionat una imatge, ha de prémer el botó “Enviar al rotador d’imatges”. Un cop penjades totes les imatges desitjades, són molt fàcils de gestionar.

Giny d'imatge rotador

Si passeu el cursor per sobre del nom d'una imatge, es mostrarà una descripció que conté la imatge. No volíem desordenar la configuració del widget, de manera que vam decidir que carregar totes les imatges al contenidor de configuració no era una opció. La nostra decisió de posar les imatges en una previsualització de consells d’informació s’ha donat dues vegades: els usuaris no han d’esperar a que es carreguin les imatges abans que puguin editar-les, reordenar-les, etc ...; i va mantenir neta la nostra interfície, cosa que facilita la classificació i la supressió.

Ordenar és tan fàcil com fer clic a l’espai buit dins de l’element de la llista d’imatges i arrossegar-lo a la posició desitjada. Imagineu-vos el desgavellat que hauria estat si haguéssim carregat les imatges (totes amb proporcions diferents) directament al contenidor de configuració.

Per suprimir una imatge del widget, premeu el botó "-" que hi ha al costat de la imatge que voleu eliminar. Tingueu en compte que heu de fer clic a "Desa" o no es produirà cap d'aquests canvis.

Si executeu aquest connector, no dubteu a deixar cap comentari, error o comentari al Fòrums de suport de WordPress(en supervisem) o per contactant amb nosaltres directament.

Descarregueu o instal·leu el widget Image Rotator

29 Comentaris

  1. 1
    • 2

      Crec que això afegiria massa complexitat a aquest connector. I mai no es veuria bé perquè potser no estan centrats correctament horitzontalment, es poden pixelitzar, etc. De la mateixa manera que heu de dimensionar les imatges adequadament per a una publicació, l'usuari hauria de canviar-ne la mida correctament aquí.

  2. 3

    Les diferents proporcions d'amplada funcionaran, però les proporcions d'alçada no. A partir d’ara, per treure el màxim profit del widget, hauríeu de fer que totes les imatges que vulgueu facin servir a la mateixa alçada.

    A la propera versió afegiré paràmetres de dimensió al widget. Podreu triar l'amplada i l'alçada de tot el widget i, per tant, les imatges es redimensionaran proporcionalment a ell.

  3. 5
  4. 9
  5. 10

    M’agradaria molt utilitzar aquest connector, però quan penjo una imatge, no tinc la possibilitat d’enviar una imatge al widget del rotador, només l’ordinari “inserir per publicar”.
    He suprimit i reinstal·lat el connector, però fins ara no he tingut sort. Em pot ajudar si us plau?

    He afegit una captura de pantalla i, tot i que està en neerlandès, hauríeu de poder veure que falta el botó "enviar imatge ...". Agrairia la vostra ajuda.

    Gràcies,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Només puc endevinar que ens requerirà la creació d’un fitxer de traducció. Ens podeu dir què és "enviar imatge al widget del rotador" en neerlandès? No estem planejant una versió aviat, però intentarem deixar-ho anar.

      Doug

      • 12

        Hola Doug,
        Moltes gràcies per la seva ràpida resposta. La traducció correcta seria "invoegen al widget del rotador d'imatges".
        Realment espero que això funcioni. D'altra banda, no m'importaria utilitzar el "widget d'enviament d'imatges al rotador" en anglès si això solucionaria el problema.

        Més amable,
        Helen

      • 13

        Doug,
        Tinc diversos llocs WP en funcionament, així que he provat aquest rotador d'imatges en versió anglesa i funciona molt bé. Per tant, crec que teniu raó, això té a veure amb la traducció. Estaria molt bé que poguéssiu moure’s per construir la traducció en algun lloc proper. Si necessiteu que tradueixi més de l’anglès al neerlandès, estaré encantat d’ajudar-vos.
        Una altra pregunta: hi ha alguna manera de fer clic a una imatge perquè quedi, perquè la gent pugui llegir el text que he afegit? O al bucle, fer que sigui menys ràpid?

  6. 14
  7. 18

    Hola, m'agradaria canviar el javascript per a la imatge que s'esvaeix de manera que una imatge s'esvaeixi a la següent en lloc de decolorar-se a blanc. Què he de canviar per això?

  8. 19
  9. 21
  10. 22
  11. 27

    Gràcies per un complement fantàstic. Una pregunta: hi ha l'opció de tenir dues instàncies del connector? M'agradaria utilitzar un conjunt d'imatges en un punt i un altre conjunt d'imatges en un altre.

  12. 29

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.