Presentació del widget d’imatges de WordPress

WordPress

Highbridge 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à cap al 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 es 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 vam fer 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 finalitzada la càrrega de la imatge o l’usuari hagi seleccionat una imatge, ha de prémer el botó “Enviar a rotador d’imatges”. Un cop carregades 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 semblaria correcte perquè pot ser que no estiguin ben centrats horitzontalment, es podrien pixelar, etc. De la mateixa manera que necessiteu la mida adequada de les imatges per a una publicació, l'usuari hauria de canviar-la correctament aquí.

  2. 3

    Funcionaran diferents proporcions d'amplada, però les proporcions d'alçada no. A partir d'ara, per treure el màxim profit del giny, hauríeu de fer que totes les imatges que voleu utilitzar tinguin la mateixa alçada.

    A la propera versió, afegiré la configuració de dimensions al giny. Podreu triar l'amplada i l'alçada de tot el giny i, en conseqüència, les imatges es redimensionaran proporcionalment.

  3. 5
  4. 9
  5. 10

    M'agradaria molt utilitzar aquest connector, però quan carrego una imatge, no tinc la possibilitat d'"enviar la imatge al giny del rotador", només l'habitual "inserir per publicar".
    He suprimit i reinstal·lat el connector, però fins ara no hi ha sort. Pots ajudar-me si us plau?

    He afegit una captura de pantalla i, tot i que està en holandès, hauríeu de poder veure que falta el botó "envia la imatge...". Us agrairia molt la vostra ajuda.

    Gràcies,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Només puc endevinar que ens caldrà crear un fitxer de traducció. Ens pots dir què és "envia la imatge al giny del rotador" en holandès? No estem planejant un llançament aviat, però intentarem introduir-ho.

      Doug

      • 12

        Hola Doug,
        Moltes gràcies per la teva ràpida resposta. La traducció correcta seria "invoegen in image rotator widget".
        Realment espero que això funcioni. D'altra banda, no m'importaria utilitzar l'enviament d'imatge al giny del rotador en anglès si això resolgués el problema.

        El més amable,
        Helen

      • 13

        Doug,
        Tinc diversos llocs WP en execució, així que vaig provar aquest rotador d'imatges en una versió en anglès i funciona bé. Per tant, crec que tens raó, això té a veure amb la traducció. Seria fantàstic si poguessis moure't per construir la traducció en algun lloc en un futur proper. Si necessiteu que tradueixi més de l'anglès a l'holandès, estaré encantat d'ajudar-vos.
        Una altra pregunta: hi ha alguna manera de fer clic a una imatge perquè es mantingui, perquè la gent pugui llegir el text que he afegit? O al bucle, fer-ho menys ràpid?

  6. 14
  7. 18

    Hola, m'agradaria canviar el javascript per a l'esvaïment de la imatge perquè una imatge s'esvaeixi a la següent en lloc d'esvair-se al blanc entremig. Què he de canviar per això?

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

    Gràcies per un gran complement. Una pregunta: hi ha l'opció de tenir dues instàncies del connector? M'agradaria utilitzar un conjunt d'imatges en un lloc 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.