Spis treści
Czym są animacje lottie?
Lottie to format pliku animacji oparty na JSON, który umożliwia projektantom dostarczanie animacji na dowolnej platformie tak łatwo, jak dostarczanie plików grafik statycznych. Są to małe pliki, które działają na każdym urządzeniu i mogą skalować się bez pikselacji. Korzystając z serwisu LottieFiles możesz tworzyć, edytować, testować, współpracować i wysyłać Lottie.
Instalacja wtyczki LottieFiles
Aby zainstalować wtyczkę LottieFiles, zaloguj się do panelu swojego WordPressa, a następnie przejdź w menu po lewej stronie do sekcji Wtyczki > Dodaj nową.
W wyszukiwarce po prawej stronie wpisz, ze szukasz LottieFiles i poczekaj chwilę.
W wynikach wyszukiwania kliknij przycisk Zainstaluj przy wskazanej na zrzucie ekranu wtyczce. Po ukończonej instalacji, kliknij przycisk Włącz.
Po włączeniu wtyczki, za pierwszym razem system zapyta czy masz już konto czy chcesz je utworzyć. Utworzenie konta na LottieFiles jest bezpłatne.
Po pomyślnym zalogowaniu się strona przedstawi Ci następujący komunikat. Możesz zamknąć stronę rejestracji i wrócić do panelu WordPressa.
Dodanie animacji Lottie na stronie
Po przejściu do edycji nowej strony lub nowego wpisu w edytorze Gutenberg kliknij przycisk z plusem, a następnie w polu wyszukiwarki wpisz lottie i kliknij w wyszukany moduł.
W ramce, która się pojawi masz do wyboru kilka opcji. Jeśli nie masz przygotowanego wcześniej pliku animacji, możesz skorzystać z bezpłatnej bazy klikając w przycisk Discover animation.
Po chwili pojawi się okienko z nowymi i popularnymi animacjami. Możesz oczywiście skorzystać z wyszukiwarki, aby odszukać interesujące Cię tematycznie animacje.
My wybierzemy jedną z proponowanych. Wystarczy najechać na wybraną animację kursorem myszy i kliknąć Insert animation.
Gratulujemy. Animacja została dodana 🙂 Teraz możesz korzystać z animacji Lottie, aby uatrakcyjnić swoją stronę WWW.
