AM LottiePlayer – Vektoranimationer för WordPress

Beskrivning

Den mest kompletta Lottie-spelaren hittills.

AM LottiePlayer är lätt att använda, tar lite plats och ger dig full kontroll över hur du vill implementera kristallklara, vektoriserade animationer på din webbplats. Det är enkelt att ställa in användarinteraktioner, välja mellan JSON och det optimerade dotLottie-formatet, ha filerna i ett CDN eller i ditt eget Mediebibliotek, rendera flexibla SVG:er eller prestandaorienterade canvases, skala animeringen, lägg till en beskrivning för skärmläsare och sökmotorer så är du igång!

Ladda upp Lottie-animationer till WordPress och lägg till dem med Gutenberg, Divi, Elementor, Flatsome UX eller via kortkoden [am-lottieplayer]. Tillägget erbjuder också partiellt stöd för WPBakery (tidigare Visual Studio).

Funktioner

  • Innehåller två Gutenberg-block: en spelare och ett omslagsblock med textöverlägg – perfekt för rubriker.
  • Innehåller en Divi Builder Module
  • Innehåller en Elementor-widget
  • Innehåller kortkoden [am-lottieplayer]
  • Har integration för Flatsome UX
  • Har delvis stöd för WPBakery (tidigare Visual Studio)
  • Skript laddas endast på sidor där spelaren används
  • Ladda upp Lottie JSON- eller dotLottie-filer till ditt Mediebibliotek
  • Dra & släpp en Lottie JSON- eller dotLottie-fil
  • Infoga en Lottie JSON eller en dotLottie från URL
  • Välj renderare, skalning, uppspelningshastighet, bakgrundsfärg och mer från blockinställningarna i Gutenberg. Samma inställningar finns i Divis modulmeny, Elementors widgetmeny, menyn i Flatsom UX Builder och i WPBakery.

Feedback

Vi vill ha hör från dig!

Tack för att du använder vårt tillägg! Ta en stund att betygsätta det.

Översättningar

Du kan bidra med dina översättningar här.

Första gången du översätter WordPress? Läs översättarhandboken för att komma igång.

Skärmdumpar

  • AM LottiePlayer är kompatibel med Gutenberg...
  • ...liksom Divi-byggaren...
  • …Elementor…
  • …och till och med Flatsome!

Block

Detta tillägg tillhandahåller 2 block.

  • 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 är det enklaste alternativet. WordPress sköter filöverföringen – och du behöver inte lämna webbläsaren.

  1. Logga in på din WordPress-adminpanel.
  2. Navigera till menyn Tillägg
  3. Sök efter AM LottiePlayer
  4. Klicka på Installera nu – och WordPress tar det därifrån
  5. Aktivera tillägget via menyn Tillägg i WordPress

Manuell installation

  1. Ladda upp hela ’am-lottieplayer’ till din plugin-mapp
  2. Aktivera tillägget via menyn Tillägg i WordPress

Efter aktivering

  1. Gå till WordPress blockredigerare / Elementor / Divibuilder / Flatsome UX
  2. Lägg till ett nytt block / widget / modul
  3. Sök efter Lottie
  4. Klicka på Lottie för att lägga till block

Om du vill använda kortkoden [am-lottieplayer] har den följande 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

Vanliga frågor

Vad är strukturen för kortkoden?

Kortkoden [am-lottieplayer] har följande 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

Här är ett exempel: [am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true"]

Recensioner

6 februari 2023
Great plugin and good support. Will be using this on several sites. Keep up the development! 🙂
Läs alla 3 betyg

Bidragsgivare och utvecklare

”AM LottiePlayer – Vektoranimationer för WordPress” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”AM LottiePlayer – Vektoranimationer för WordPress” har översatts till 4 språk. Tack till översättarna för deras bidrag.

Översätt ”AM LottiePlayer – Vektoranimationer för WordPress” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

2.5.3

  • Bugfix: Play on scoll functionality wasn’t working properly in certain browsers.

2.5.2

  • Minor bugfix.

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.