dotLottie in WordPress einbinden

dotLottie.md

Step 1

Machen Sie bitte vor dem Hochladen des Plugins ein Back-up Ihrer WordPress Installation. (z.B. mit dem Plugin Duplicator)

Downloade hier das Nerdies-Lottie Plugin und aktiviere es. Update: 31.12.2022 (Altes löschen, neues aufspielen)

Step 2

Lege beispielweise folgende Struktur im Gutenberg Editor an. Sehr gut geeignet dafür ist das Plugin GenerateBlocks

Code Beispiel

<dotlottie-player
  controls
  autoplay
  loop
  background="#000"
  src="https://assets2.lottiefiles.com/dotlotties/dlf10_oehbsgal.lottie"
  style="width: 100%">
</dotlottie-player>

Eigenschaften des dotLottie Players

- Alle Eigenschaften des Players können Sie hier einsehen.

Konvertieren Sie Lottie JSON in dotLottie

- Um eine JSON Datei in eine Lottie Datei umzuwandeln klicken Sie hier

Beispieldateien

- Um eine Beispieldatei im Lottie Format zu downloaden und diese in die WordPress Mediathek hochzuladen klicken Sie hier

Vorschau der Lottie Datei

- Sie können eine Lottie Datei hier hochladen um eine Vorschau zu sehen

Lottie Dateien von der Lottie Website downloaden

- Um Lottie-Dateien zu downloaden, müssen Sie sich bei Lottie registrieren und anmelden. Danach können Sie jede freie Lottie Datei downloaden und verwenden