Animațiile Lottie vă permit să adăugați animații ușoare și scalabile pe site-ul dvs. fără a fi nevoie să folosiți fișiere video mari sau GIF-uri. Deoarece se bazează pe grafică vectorială, animațiile Lottie își păstrează claritatea pe ecrane de orice dimensiune și, de obicei, se încarcă mai repede decât formatele tradiționale de animație.
Acest articol explică cum să instalați pluginul LottieFiles și cum să adăugați o animație Lottie la o pagină sau la o postare WordPress.
Cuprins
Ce sunt animațiile Lottie?
Lottie este un format de animație bazat pe JSON care permite afișarea animațiilor direct în browserele web și în aplicații.
În comparație cu GIF-urile animate, animațiile Lottie oferă, în general:
- Dimensiuni mai mici ale fișierelor
- O calitate mai bună a imaginii
- Scalare fluidă pe ecrane de diferite dimensiuni
- Timp de încărcare mai rapid
Animațiile Lottie sunt utilizate în mod obișnuit pentru:
- Ilustrații pentru site-uri web
- Animații de încărcare
- Elemente interactive
- Conținut de marketing și promoțional
Pasul 1: Instalați pluginul LottieFiles
Conectați-vă la panoul de administrare WordPress.
Din meniul din stânga, navigați la:
Pluginuri → Adăugați unul nou
În câmpul de căutare, introduceți:
LottieFiles
Găsiți pluginul LottieFiles în rezultatele căutării și faceți clic pe Instalați acum.
După finalizarea instalării, faceți clic pe Activare.
Pasul 2: Conectați-vă sau creați un cont LottieFiles
La prima utilizare a pluginului, este posibil să vi se solicite să vă autentificați într-un cont LottieFiles sau să creați unul nou.
Crearea unui cont LottieFiles este gratuită.
După finalizarea procesului de autentificare, vă puteți întoarce la panoul de administrare WordPress.
Pasul 3: Adăugați o animație Lottie la o pagină sau la o postare
Deschideți o pagină sau o postare existentă sau creați una nouă folosind editorul Gutenberg.
Faceți clic pe butonul + pentru a adăuga un bloc nou.
În câmpul de căutare, introduceți:
Lottie
Selectați blocul Lottie din rezultate.
Pasul 4: Alegeți o animație
După ce ați adăugat blocul, puteți:
- Încărcați propriul fișier de animație Lottie
- Răsfoiți biblioteca de animații LottieFiles
Pentru a răsfoi animațiile disponibile, faceți clic pe Descoperiți animații.
Se va deschide o bibliotecă cu animații recomandate și populare. De asemenea, puteți utiliza funcția de căutare pentru a găsi stiluri sau teme specifice de animație.
Când găsiți o animație pe care doriți să o utilizați, treceți cu cursorul peste ea și faceți clic pe Inserați animația.
Animația va fi adăugată direct la pagina sau articolul dvs.
La ce să vă așteptați
Odată inserată, animația poate fi poziționată și configurată ca orice alt bloc Gutenberg.
În funcție de versiunea pluginului, este posibil să aveți acces și la setări suplimentare, cum ar fi:
- Redare automată
- Redare în buclă
- Viteza de redare
- Aliniere și dimensiuni
Previzualizați pagina înainte de publicare pentru a vă asigura că animația se afișează corect atât pe desktop, cât și pe dispozitivele mobile.
Rezumat
Animațiile Lottie oferă o modalitate simplă de a adăuga mișcare și un plus de atractivitate vizuală unui site WordPress. Folosind pluginul LottieFiles, puteți răsfoi o bibliotecă de animații sau puteți încărca propriile animații și le puteți adăuga direct la pagini și articole prin intermediul editorului Gutenberg.