AM LottiePlayer – Vektoranimasjonar for WordPress

Skildring

Den mest komplette Lottie-spelaren til no.

AM LottiePlayer er enkel å bruka, tek lite plass, og gir deg fullstendig kontroll over korleis du vil implementera krystallklare, vektoriserte animasjonar på nettsida di. Det er lett å setja opp brukarinteraksjonar, velja mellom JSON og det optimaliserte dotLottieformatet, ha filene i ein CDN eller i ditt eige Mediebibliotek, rendre fleksible SVG-er eller ytingsorienterte Canvaser, skalera animasjonen, leggja til skildring for skjermlesarar og søkjemotorar, og så er du i gang!

Last opp Lottieanimasjoner til WordPress og legg dei til med Gutenberg, Divi, Elementor, Flatsome UX eller gjennom kortkoden [am-lottieplayer]. Utvidinga tilbyr også delvis støtte for WPBakery (tidlegare Visual Studio).

Funksjonar

  • Inneheld to Gutenbergblokker: ein spelar og ei omslagsblokk med tekstoverlag – ypparleg for headere.
  • Inneheld ein Divibyggermodul
  • Inneheld ein Elementor Widget
  • Inneheld kortkoden [am-lottieplayer]
  • Har integrasjon for Flatsome UX
  • Har delvis støtte for WPBakery (tidlegare Visual Studio)
  • Skript blir berre lasta inn på sider der spelaren er brukt
  • Last opp Lottie JSON eller dotLottiefiler til ditt mediebibliotek
  • Dra & slepp ei Lottie JSON eller ei dotLottiefil
  • Sett inn ein Lottie JSON eller dotLottieanimasjon frå lenke.
  • Vel renderer, skalering, avspelingsfart, storleik, bakgrunnsfarge, interaksjonar og meir frå blokkinnstillingane i Gutenberg. Dei same innstillingane er tilgjengelege i Divimenyen, Elementormenyen, Flatsome UX sin meny og WBBakery sin meny.

Tilbakemeldingar

Me vil gjerne høyra frå deg!

Takk for at du bruker utvidinga vår! Bruk gjerne ein augneblink til å vurdera han.

Omsetjingar

Du kan bidra med omsetjingane dine her.

Første gong du omset WordPress? Les Translator Handbook for å komma i gang.

Skjermbilete

  • AM LottiePlayer fungerer med Gutenberg…
  • …så vel som Divi-byggjar…
  • …Elementor…
  • …og til og med Flatsome!

Blokker

Denne utvidinga gjev 2 blokker.

  • AM LottieCover Add a Lottie animation with a text overlay — great for headers.
  • AM LottiePlayer Play Lottie animations on your WordPress website.

Installasjon

Automatisk installasjon

Automatisk installasjon er det enklaste alternativet. WordPress tek seg av filoverføringa, og du treng ikkje lukka nettlesaren.

  1. Logg inn på WordPress-kontrollpanelet ditt
  2. Naviger til Småprogram-menyen
  3. Søk etter AM LottiePlayer
  4. Klikk på Innstaller nå, så vil WordPress ta det herfra
  5. Aktiver småprogram via skjermbildet Småprogram i WordPress

Manuell installasjon

  1. Last opp heile «am-lottieplayer»-mappa til spåprogrammappa di
  2. Aktiver småprogram via skjermbildet Småprogram i WordPress

Etter å ha aktivert

  1. Gå til WordPress sin blokkredigerar / Elementor / Divibyggjaren / Flatsome UX-byggjar
  2. Legg til ny blokk / widget / modul
  3. Søk etter Lottie
  4. Klikk på Lottie for å leggja til blokk

Om du ønskjer å bruka kortkoden [am-lottieplayer], har den dei følgjande parametrane:

  • src: string (required)
  • autoplay: true | false, default: false
  • controls: true | false, default: false
  • loop: true | false, default: false
  • objectfit: cover | contain | none, default: contain
  • speed: number (1 – 5), default: 1
  • direction: 1 | -1, default: 1
  • renderer: svg | canvas | html, default: svg
  • onclick: true | false, default: false
  • onmouseover: true | false, default: false
  • onmouseout: void | stop | pause | reverse, default: void

Vanlege spm.

Kva er strukturen til kortoden?

Kortkoden [am-lottieplayer] har dei følgjande parametrane:

  • src: string (required)
  • autoplay: true | false, default: false
  • controls: true | false, default: false
  • loop: true | false, default: false
  • objectfit: cover | contain | none, default: contain
  • speed: number (1 – 5), default: 1
  • direction: 1 | -1, default: 1
  • renderer: svg | canvas | html, default: svg
  • onclick: true | false, default: false
  • onmouseover: true | false, default: false
  • onmouseout: void | stop | pause | reverse, default: void

Her er eit eksempel: [am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true" ]

Omtalar

6. februar 2023
Great plugin and good support. Will be using this on several sites. Keep up the development! 🙂
Les alle 3 omtalar

Bidragsytarar og utviklarar

“AM LottiePlayer – Vektoranimasjonar for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

“AM LottiePlayer – Vektoranimasjonar for WordPress” er omsett til 4 språk. Takk til omsetjarane for bidraga deira.

Omset “AM LottiePlayer – Vektoranimasjonar for WordPress” til ditt eige språk.

Interested in development?

Les kjeldekoden, sjekk SVN-lageret eller abonner på utviklingsloggen med RSS.

Endringslogg

2.5.1

  • Bugfix: Added polyfill for Buffer, allowing bitmap assets for dotLottie animations.

2.5.0

  • New Feature: Added play on scroll functionality

2.4.1

  • New Feature: Expanded possibility to play segments to Divi Builder

2.4

  • New Feature: Added possibility to play segments, in Gutenberg editor
  • Compability: Checked compability with new release of WordPress

2.3.3

  • Bugfix: Fixed issue with shortcode and namings

2.3.2

  • New Feature: Added support for selectors to Elementor, Flatsome, WPBakery and Divi

2.3.1

  • Bugfix: Fixed issue with Boomerang

2.3.0

  • New Feature: Added selector option for interactions
  • Bugfix: Fixed issue in Gutenberg where the player lost connection on block move

2.2.2

  • Bugfix: Issue prevented Gutenberg backend from working properly

2.2.1

  • Optimization: Preparatioins for future functionality expansion

2.2.0

  • New Feature: Adding preview of animations in Media Library

2.1.5

  • Optimization: Minor patches

2.1.4

  • New Feature: Added partial support for WPBakery

2.1.3

  • Bugfix: Minor errors in shortcode
  • Optimization: More options for screen readers

2.1.2

  • Optimization: Bugfix in frontend script

2.1.1

  • Optimization: Minor patches

2.1.0

  • New Feature: Added support for Flatsome UX Builder

2.0.4

  • Bugfix: An error caused shortcode not to load necessary scripts.

2.0.3

  • Optimization: WCAG compliance

2.0.2

  • Optimization: Less weight – same functionality!

2.0.0

  • New Feature: Added support for Elementor.
  • Optimization: Made scripts load dynamically only when used
  • Bugfix: Minor bugfixes

1.0.3

  • Optimization: Updates to animation engine. Faster and even more lightweight!

1.0.2

  • Bugfix: typo in dotLottie decompression, causing base64 encryption of bitmap images to break.