Bekendstelling van die WordPress Image Rotator Widget

WordPress

Highbridge het al 'n geruime tyd hierdie WordPress-inprop op die agterkant. Die vraag na 'n eenvoudige, hoogstaande beeldrotator-invoegtoepassing was nie net groot vir ons kliënte nie, maar ook vir die WordPress-gemeenskap. Die invoegtoepassings wat ek gevind het en wat belowe het om te doen wat ons nodig het, was stukkend of werk glad nie. Ons het dus ons eie gemaak.

Laai die Image Rotator Widget af of installeer dit

Die eerste weergawe was lelik en gevolglik nooit by die WordPress Plugin Repository gevoeg nie. Estetika was nie die enigste probleem nie: u kon net een oomblik daarvan per bladsy laat loop, daar was twee verskillende plekke waar instellings moes ingestel word, het ek al genoem dat dit lelik was?

Die rotator het drie oorgange: Lineêr, Lus en Vervaag. Lineêr sal die beelde horisontaal deur die houer beweeg. Sodra 'n lineêre rotator die einde van die beelde bereik het, sal dit terugbons en op die teenoorgestelde manier rol. Lusrotators is sirkelvormig: wanneer die laaste prentjie bereik word, verskyn die eerste prentjie in die lys en die lus begin weer. Vervaag sal elke prentjie vervaag en elke beeld uit.

Hierdie oorgange was egter nie ons grootste probleem nie. Dit was die instellings. Dit was die lelike deel, maar hierdie keer het ons iets elegant gemaak. Ons het geweet dat die proses om beelde by die rotator te voeg eenvoudig moes wees. 'N Gewone "+" - knoppie roep WordPress se Media-dialoog op. Van daar af kan gebruikers kies om 'n nuwe beeld op te laai, of om 'n voorheen opgelaaide beeld uit hul mediabiblioteek te kies, net soos hulle sou doen as hulle 'n beeld in 'n boodskap sou plaas. Nadat die beeld opgelaai is of die gebruiker 'n prentjie gekies het, moet hulle op die knoppie "Stuur na beeldrotator" druk. Sodra al die gewenste beelde opgelaai is, is dit baie maklik om te bestuur.

Beeldrotator-widget

As u oor 'n naam van die foto hou, word 'n wenktip wat die prent bevat, vertoon. Ons wou nie die widget-instellings deurmekaar maak nie, daarom besluit ons dat dit nie 'n opsie is om al die beelde in die instellingshouer te laai nie. Ons besluit om die beelde in 'n voorskou van die gereedskapstip te plaas, het tweeledig vrugte afgewerp: gebruikers hoef nie te wag totdat die beelde eers gelaai word nie, as wat hulle kan wysig, herbestel, ens ...; en dit het ons koppelvlak skoon gehou, wat maklik sorteer en uitvee.

Sorteer is net so maklik soos om op leë spasie in die prentlysitem te klik en dit na die gewenste posisie te sleep. Stel u voor hoe ongemaklik dit sou gewees het as ons die beelde (almal met verskillende verhoudings) reguit in die instellingshouer gelaai het.

Om 'n beeld uit die widget te verwyder, druk die "-" knoppie langs die prentjie wat u wil verwyder. Hou in gedagte dat u op "Stoor" moet klik, anders sal geen van hierdie veranderinge plaasvind nie.

As u hierdie invoegtoepassing 'n draai wil maak, kan u gerus kommentaar, foute of terugvoer in die WordPress-ondersteuningsforums(ons monitor dit) of deur kontak ons ​​direk.

Laai die Image Rotator Widget af of installeer dit

29 Comments

  1. 1
    • 2

      Ek dink dit sal te veel kompleksiteit by hierdie inprop voeg. En dit sal nooit reg lyk nie, want hulle is dalk nie behoorlik horisontaal gesentreer nie, kan gepixel word, ens. Net soos jy prente toepaslik moet grootte vir 'n plasing, moet die gebruiker dit hier korrek verander.

  2. 3

    Verskillende breedteverhoudings sal werk, maar hoogteverhoudings nie. Van nou af, om die beste uit die legstuk te kry, moet jy al die prente wat jy beplan om te gebruik dieselfde hoogte maak.

    In die volgende weergawe sal ek dimensie-instellings by die legstuk voeg. Jy sal die breedte en hoogte van die hele legstuk kan kies, en gevolglik sal die beelde proporsioneel aangepas word.

  3. 5
  4. 9
  5. 10

    Ek wil regtig graag hierdie inprop gebruik, maar wanneer ek 'n prent oplaai, kry ek geen 'stuur prent na roteerder-legstuk' moontlikheid nie, net die gewone 'voeg in om te plaas'.
    Ek het die inprop uitgevee en weer geïnstalleer, maar tot dusver geen geluk nie. Kan jy my asseblief help?

    Ek het 'n skermskoot bygevoeg, en alhoewel dit in Nederlands is, behoort jy te kan sien dat die 'stuur beeld ... '-knoppie ontbreek. Ek sal jou hulp baie waardeer.

    Dankie,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Ek kan net raai dat dit van ons sal vereis om 'n vertaallêer te bou. Kan jy vir ons sê wat "stuur beeld na roteerder-legstuk" in Nederlands is? Ons beplan nie binnekort 'n vrystelling nie, maar sal probeer om dit in te glip.

      Doug

      • 12

        Hallo Doug,
        Baie dankie vir jou vinnige antwoord. Die korrekte vertaling sal 'invoegen in beeldroteerder-legstuk' wees.
        Ek hoop regtig dit werk. Aan die ander kant sal ek nie omgee om die 'send image to rotator widget' in Engels te gebruik as dit die probleem sou oplos nie.

        Vriendelikste,
        Helen

      • 13

        Doug,
        Ek het verskeie WP-webwerwe aan die gang, so ek het hierdie beeldroteerder in 'n Engelse weergawe probeer, en dit werk goed. So, ek dink jy is reg, dit het te doen met die vertaling. Dit sal wonderlik wees as jy in die nabye toekoms iewers die vertaling kan bou. As jy nodig het dat ek meer van Engels na Nederlands vertaal, sal ek graag help.
        Nog 'n vraag: is daar 'n manier om 'n prent te klik om dit te laat bly, sodat mense die teks wat ek bygevoeg het kan lees? Of in die lus, maak dit minder vinnig?

  6. 14
  7. 18

    Hallo, ek wil graag die javascript vir die beeld vervaag verander sodat een beeld na die volgende vervaag in plaas daarvan om tussenin na wit te vervaag. Wat moet ek hiervoor verander?

  8. 19
  9. 21
  10. 22

    Ek is mal oor die inprop en dit werk baie goed vir my. My een vrae, is daar 'n manier om die skakel in 'n nuwe venster oop te maak?

  11. 27

    Dankie vir 'n wonderlike inprop. Een vraag – Is daar die opsie om twee gevalle van die inprop te hê? Ek wil graag een stel beelde op een plek gebruik en 'n ander stel beelde op 'n ander.

  12. 29

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.