Beskrivelse
Den mest komplette Lottie-spiller endnu.
AM LottiePlayer er nem at bruge, fylder lidt og giver dig fuld kontrol over, hvordan du vil implementere krystalklare, vektoriserede animationer på din hjemmeside. Det er nemt at konfigurere brugerinteraktioner, vælge mellem JSON og det optimerede dotLottie-format, have filerne i et CDN eller i dit eget Mediebibliotek, gengive fleksible SVG’er eller præstationsorienterede lærreder, skalere animationen, tilføj beskrivelse til skærmlæsere og søgemaskiner, og du er godt i gang!
Upload Lottie-animationer til WordPress, og tilføj dem med Gutenberg, Divi, Elementor, Flatsome UX eller via kortkoden [am-lottieplayer]
. Udvidelsen tilbyder også delvis understøttelse af WPBakery (tidligere Visual Studio).
Egenskaber
- Indeholder to Gutenberg-blokke: en afspiller og en omslagsblok med tekstoverlejring – fantastisk til overskrifter.
- Indeholder en Divi-modul
- Indeholder en Elementor-widget
- Indeholder kortkoden
[am-lottieplayer]
- Har integration til Flatsome UX
- Har delvis understøttelse af WPBakery (tidligere Visual Studio)
- Scripts indlæses kun på sider, hvor afspilleren er i brug
- Upload Lottie JSON- eller dotLottie-filer til dit Mediebibliotek
- Træk & slip en Lottie JSON- eller dotLottie-fil
- Indtast en Lottie JSON eller en dotLottie fra URL
- Vælg renderer, skalering, afspilningshastighed, baggrundsfarve og mere fra blokindstillinger i Gutenberg. De samme indstillinger er tilgængelige i Divis modulmenu, Elementors widgetmenu, menuen i Flatsom UX Builder og i WPBakery.
Feedback
Vi vil gerne have høre fra dig!
Tak, fordi du bruger vores udvidelse! Brug venligst et øjeblik på at vurdere det.
Oversættelser
Du kan bidrage med dine oversættelser her.
Første gang du oversætter WordPress? Læs Oversætterhåndbogen for at komme i gang.
Skærmbilleder
Blokke
This plugin provides 2 blocks.
- AM LottieCover Add a Lottie animation with a text overlay — great for headers.
- AM LottiePlayer Play Lottie animations on your WordPress website.
Installation
Automatisk installation
Automatisk installation er den nemmeste mulighed. WordPress klarer filoverførslen – og du behøver ikke at forlade browseren.
- Log ind på WordPress kontrolpanel
- Naviger til menuen Udvidelser
- Søg efter AM LottiePlayer
- Klik på Installer nu – og WordPress tager det derfra
- Aktiver plugin’et gennem Plugins-menuen i WordPress
Manuel installation
- Upload hele ‘am-lottieplayer’ til din plugins-mappe
- Aktiver plugin’et gennem Plugins-menuen i WordPress
Efter aktivering
- Gå til WordPress’ blokeditor / Elementor / Divibuilder / Flatsome UX
- Tilføj en ny blok / widget / modul
- Søg efter Lottie
- Klik på Lottie for at tilføje blok
Hvis du vil bruge 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
-
Hvad er strukturen af shortcoden?
-
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:
Anmeldelser
Bidragsydere & udviklere
“AM LottiePlayer – Vektoranimationer til WordPress” is open source software. The following people have contributed to this plugin.
Bidragsydere“AM LottiePlayer – Vektoranimationer til WordPress” er blevet oversat til 4 sprog. Tak til oversætterne for deres bidrag.
Translate “AM LottiePlayer – Vektoranimationer til WordPress” into your language.
Interesseret i udvikling?
Gennemse koden, tjek SVN repository, eller abonner på udviklerloggen via RSS.
Ændringslog
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.