Beskrivelse
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, velge mellom JSON og det optimaliserte dotLottieformatet, ha filene i en CDN eller i ditt eget Mediebibliotek, rendre fleksible SVG-er eller ytelsesorienterte Canvaser, skalere animasjonen, legge til beskrivelse for skjermlesere og søkemotorer, og så er du i gang!
Last opp Lottieanimasjoner til WordPress og legg dem til med Gutenberg, Divi, Elementor, Flatsome UX eller via kortkoden [am-lottieplayer]
. Utvidelsen tilbyr også delvis støtte for WPBakery (tidligere Visual Studio).
Egenskaper
- Inneholder to Gutenbergblokker: en spiller og ei omslagsblokk med tekstoverlett – ypperlig for headere.
- Inneholder en Divi modul
- Inneholder en Elementor Widget
- Inneholder kortkoden
[am-lottieplayer]
- Har integrasjon for Flatsome UX
- Har delvis støtte for WPBakery (tidligere Visual Studio)
- Skript blir bare lastet inn på sider hvor spilleren er i bruk
- Last opp Lottie JSON- eller dotLottiefiler til ditt Mediebibliotek
- Dra & slipp ei Lottie JSON- eller dotLottiefil
- Sett inn en Lottie JSON eller en dotLottie fra URL
- Velg renderer, skalering, avspillingshastighet, bakgrunnsfarge og mer fra blokkinnstillinger i Gutenberg. De samme innstillingene er tilgjengelige i Divis modulmeny, Elementors widgetmeny, menyen i Flatsom UX Builder og i WPBakery.
Tilbakemeldinger
Vi vil gjerne høre fra deg!
Takk for at du bruker utvidelsen vår! Gjerne bruke et øyeblikk på å vurdere den.
Oversettelser
Du kan bidra med dine oversettelser her.
Første gang du oversetter WordPress? Les Translator Handbook for å komme i gang.
Skjermskudd
Blokker
Denne utvidelsen gir 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 enkleste alternativet. WordPress håndterer filoverføringa – og du behøver ikke forlate nettleseren.
- Logg inn på WordPress’ kontrollpanel
- Naviger til Utvidelser-menyen
- Søk etter AM LottiePlayer
- Klikk på Installer nå – så tar WordPress det derfra
- Aktivér utvidelsen via Utvidelser-menyen i WordPress
Manuell installasjon
- Last opp hele ‘am-lottieplayer’ til plugin-mappa di
- Aktivér utvidelsen via Utvidelser-menyen i WordPress
Etter aktivering
- Gå til WordPress’ blokkredigeringsverktøy / Elementor / Divibygger / Flatsome UX
- Legg til en ny blokk / widget / modul
- Søk etter Lottie
- Klikk på Lottie for å legge til blokk
Dersom du ønsker å bruke kortkoden [am-lottieplayer]
, har den følgende parameter:
- 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
FAQ
-
Hva er strukturen til kortkoden?
-
Kortkoden
[am-lottieplayer]
har følgende parameter:- 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 et eksempel:
[am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true"]
- src:
Vurderinger
Bidragsytere og utviklere
“AM LottiePlayer – Vektoranimasjoner for WordPress” er programvare med åpen kildekode. Følgende personer har bidratt til denne utvidelsen.
Bidragsytere“AM LottiePlayer – Vektoranimasjoner for WordPress” har blitt oversatt til 4 språk. Takk til oversetterne for deres bidrag.
Oversett “AM LottiePlayer – Vektoranimasjoner for WordPress” til ditt språk.
Interessert i utvikling?
Bla gjennom koden, sjekk ut SVN-repositoriet, eller abonner på utviklingsloggen med RSS.
Endringslogg
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.