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
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.
- Logg inn på WordPress-kontrollpanelet ditt
- Naviger til Småprogram-menyen
- Søk etter AM LottiePlayer
- Klikk på Innstaller nå, så vil WordPress ta det herfra
- Aktiver småprogram via skjermbildet Småprogram i WordPress
Manuell installasjon
- Last opp heile «am-lottieplayer»-mappa til spåprogrammappa di
- Aktiver småprogram via skjermbildet Småprogram i WordPress
Etter å ha aktivert
- Gå til WordPress sin blokkredigerar / Elementor / Divibyggjaren / Flatsome UX-byggjar
- Legg til ny blokk / widget / modul
- Søk etter Lottie
- 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" ]
- src:
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.