AM LottiePlayer

Lottie
PHP
React.js
WordPress
Last ned

Legg til vektoriserte Lottie-animationer på nettstedet ditt med Gutenberg, Divi, Elementor eller via shortcoden [am-lottieplayer].

Dette er den mest komplette Lottie-spilleren til nå. AM LottiePlayer er enkel å bruke, tar lite plass, og gir deg fullstendig kontroll over hvordan du vil implementere krystallklare, vektoriserte animasjoner på nettsida di. Det er enkelt å sette opp brukerinteraksjoner, du kan velge mellom LottieJSON- eller optimaliserte dotLottiefiler, du kan velge om du vil hoste filene i en CDN eller i ditt eget Mediebibliotek, du kan velge om du vil rendre animasjonen som SVG-er eller ytelsesorienterte canvas-elementer, og du kan velge hvordan animasjonen skal skalere.

AM LottiePlayer i Gutenberg

Egenskaper

  • Bruk Gutenberg, Divi-byggeren eller Elementor for å legge til animasjoner på nettsida di. Spilleren er også tilgjengelig via shortcoden [am-lottieplayer]
  • Last opp ei LottieJSON- eller dotLottiefil til ditt Mediebibliotek
  • Dra og slipp ei LottieJSON- eller dotLottiefil
  • Sett inn en LottieJSON- eller dotLottieanimasjon fra en URL
  • Velg brukerinteraksjoner, renderer, skalering, avspillingshastighet, størrelse, bakgrunnsfarge og mer fra blokkinnstillingene i Gutenberg. De samme innstillingene er tilgjengelige i Divis modulmeny og Elementors widgetmeny. Du kan også bruke shortcoden [am-lottieplayer].

Installasjon

Automatisk installasjon

Automatisk installasjon er det enkleste alternativet: WordPress tar seg av filoverføringa, og du behøver ikke forlate nettleseren.

  1. Logg deg inn i WordPress' kontrollpanel
  2. Finn til menyen for Utvidelser
  3. Trykk på Legg til ny
  4. Søk etter AM LottiePlayer
  5. Klikk Installer nå, så tar WordPress det derfra
  6. Klikk på Aktiver nå, eller aktiver utvidelsen via menyen for Utvidelser in WordPress

Manuell installasjon

  1. Last opp hele 'am-lottieplayer' mappa til utvidelsesmappa di – typisk wp-content/plugins/
  2. Aktiver utvidelsen via menyen for Utvidelser in WordPress

Etter aktivering

  1. Åpne WordPress Block/Gutenberg Editor, Elementor eller Divibyggeren
  2. Søk etter Lottie
  3. Klikk på AM LottiePlayer for å legge til blokk/modul/widget

Shortcode

Dersom du ønsker å bruke shortcoden [am-lottieplayer], har den følgende parameter:

  • src: URL eller sti til animasjon (påkrevd)
  • autoplay: true | false
  • controls: true | false
  • loop: true | false
  • objectFit: cover | contain | none