Kas soovid oma veebilehte elavate ja liikuvate graafikutega ergutada? Lottie-animatsioonide abil saad tõsta oma WordPressi lehekülje visuaalset atraktiivsust, pakkudes külastajatele kaasahaaravat kogemust. Selles juhendis saad teada, kuidas kasutada Lottie'it Elementoris, et hõlpsalt lisada muljetavaldavaid animatsioone.
Olulisemad tähelepanekud
- Lottie võimaldab liikuvate graafikute kasutamist Elementoris.
- Animatsioone saab allalaadituna kasutada JSON-failidena või väliselt lisada.
- Elementori kasutajaliides pakub lihtsaid võimalusi animatsiooniseadete kohandamiseks.
Juhis samm-sammult
Samm 1: Lisa Lottie-element
Esmalt pead lisama Lottie-elementi Elementorisse. Selleks mine oma lehe Elementor-redaktorisse. Otsi küljeribal elementi "Lottie" ja lohista see soovitud asukohta oma lehel. Lottie leidub Elementori Pro-versiooni puhul suhteliselt allpool.
Samm 2: Laadi alla animatsioonid LottieFiles'ist
Sobiva animatsiooni leidmiseks võid külastada platvormi LottieFiles. Siit saad tasuta registreeruda ja sirvida erinevaid animatsioone. Sisesta otsingusse soovitu - näiteks otsisin "Apple".
Samm 3: Vali soovitud animatsioon
Kui oled leidnud sobiva animatsiooni, klõpsa eelvaatele. Sul on võimalus animatsioon allalaadida kas JSON- või GIF-vormingus. Vali sulle sobiv valik – kui soovid animatsiooni Elementoris kasutada, laadi see alla JSON-failina.
Samm 4: Lae animatsioonid üles
Nüüd naase Elementorisse. Saad laadida alla laetud JSON-faili otse Lottie-elementi üleslaadimisvälja kaudu. Pea meeles, et aktiveerid faili enne, sest JSON-fail ei kuvata Elementoris ilma aktiveerimata.
Samm 5: Looge väline URL
Kui allalaadimine ei õnnestu, saad animatsiooni kasutada ka otse URL-ina. Lülita URL vastavasse välja. Elementor toob animatsiooni automaatselt esile ja kuvab selle.
Samm 6: Kohandage animatsiooniseaded
Nüüd saad kohandada animatsiooni seadeid. Sul on võimalus määrata esituskiirus ja taustavärv. Veendu, et lülitad sisse loop-funktsiooni, et animatsioon korduvalt taasesitada.
Samm 7: Seadke interaktiivsed käivitajad
Vali animatsiooni käivitaja, määrates, kas animatsioon peaks käivituma klõpsates või hiire kohale liikudes. Seadistustes saad määrata soovitud suhtluse – see annab sulle kontrolli kasutajakogemuse üle.
Samm 8: Tehke täiendavaid kohandusi
Saad muuta animatsiooniseadete sagedust ja määrata animatsiooni algus- ja lõpppunkti, et saavutada soovitud efekt. Need kohandused tagavad, et animatsioon on täpselt vastavuses sinu vajadustega.
Samm 9: Stiili ja disaini kohandamine
Lottie-animatsioonid pakuvad ka stiili ja disaini kohandamise võimalusi. Siin saad määrata animatsiooni kõrguse, laiuse ja läbipaistvuse. Samuti saad lisada CSS-filtreid ja määrata üleminekuaegu, et tagada professionaalne välimus.
Samm 10: Testige ja salvestage animatsioon
Pärast soovitud seadete valimist salvestage oma muudatused. Kontrollige animatsiooni Elementori redaktori eelvaates, et veenduda, et kõik toimib nagu soovitud. Tulemus peaks olema esteetiline animatsioon, mis näitab hiire üle liikudes või klõpsates reageerivaid efekte.
Kokkuvõte
Lottie-animatsioonide lisamine Elementorisse on lihtne ning võimaldab teil anda oma veebisaidile dünaamilise ja kaasaegse disaini. Kirjeldatud sammude abil saate kohandada animatsioone, parandada kasutajakogemust ning loovalt oma sisuga ümber käia.
Korduma kippuvad küsimused
Mis on Lottie?Lottie on failivorming, mis võimaldab vektoriseeritud animatsioone veebirakendustesse lisada.
Kuidas alla laadida Lottie-animatsioone?Te saate animatsioone alla laadida veebisaidilt LottieFiles, otsides soovitud kujundusi, vaadates neid üle ja salvestades JSON-faili.
Kuidas reguleerida animatsiooni kiirust?Esitamiskiirust saab reguleerida Elementori redaktoris animatsiooniseadete kaudu.
Kas ma saan kasutada Lottie-animatsioonide jaoks väliseid URL-e?Jah, saate sisestada Lottie-animatsiooni URL-i Elementori Lottie-elemendile, et see otse lisada.
Kas pean animatsiooni pärast üleslaadimist aktiveerima?Jah, JSON-faili Elementoris kuvamiseks peate selle aktiveerima.
