dhosting.pldhosting.pl
  • Strona główna
  • Zacznij tutaj
  • Kategorie
    • Hosting
    • Poczta
    • Domeny
    • Faktury i płatności
    • Pozostałe
  • Fachowe poradniki
  • Helpdesk 24h
  • Elastyczny Web Hosting →
  • Strona główna
  • Zacznij tutaj
  • Kategorie
    • Hosting
    • Poczta
    • Domeny
    • Faktury i płatności
    • Pozostałe
  • Fachowe poradniki
  • Helpdesk 24h
  • Elastyczny Web Hosting →
Strona główna/Baza wiedzy/Hosting

Jak zamieścić animacje Lottie na stronie opartej o WordPress?

140 wyświetleń 0

Autor: Jan Elastyczny
6 miesięcy temu

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.

lottie

Po włączeniu wtyczki, za pierwszym razem system zapyta czy masz już konto czy chcesz je utworzyć. Utworzenie konta na LottieFiles jest bezpłatne.

lottie2

Po pomyślnym zalogowaniu się strona przedstawi Ci następujący komunikat. Możesz zamknąć stronę rejestracji i wrócić do panelu WordPressa.

lottie3

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ł.

lottie4

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.

lottie5

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.

lottie6

Gratulujemy. Animacja została dodana 🙂 Teraz możesz korzystać z animacji Lottie, aby uatrakcyjnić swoją stronę WWW.

lottie7

 

Tags:lottieanimacje lottiejak zamieścić animację lottie w wordpressie

Czy ten artykuł był pomocy?

Tak  Nie
Powiązane artykuły
  • Jak zainstalować Elementora?
  • Czy Elementor wymaga znajomości kodowania?
  • Czy warto nauczyć się obsługi Elementora?
  • Czy warto nauczyć się obsługi Brizy?
  • Czy warto nauczyć się obsługi Divi?
  • Czy warto nauczyć się obsługi Gutenberga?
Elastyczny Web Hosting
Fachowe poradniki
  • Drzewo kategorii i tagi – jak zarządzać strukturą serwisu contentowego
  • Headless CMS – WordPress jako backend Twojego serwisu
  • Jak stworzyć wtyczkę do WordPressa? Poradnik dla początkujących
  • Jak założyć bloga? Kompletny przewodnik instalacji WordPressa dla początkujących
  • Jekyll, generator stron statycznych, alternatywą dla WordPressa
  • Tailwind CSS – utility-first framework alternatywą dla Bootstrap
  • Vue.js jako wtyczka do WordPressa
  • Wielojęzyczna strona w WordPressie bez użycia wtyczek – jak ją stworzyć?
  • WordPress MultiSite – omówienie, instalacja oraz konfiguracja
Hosting
  • Jak zamieścić animacje Lottie na stronie opartej o WordPress?
  • Jak zainstalować Elementora?
  • Czy Elementor wymaga znajomości kodowania?
  • Czy warto nauczyć się obsługi Elementora?
  • Czy warto nauczyć się obsługi Brizy?
  • Czy warto nauczyć się obsługi Divi?
Pokaż wszystko 473  
Najpopularniejsze
  • W jaki sposób skonfigurować program pocztowy?
  • Czym różni się CC od BCC podczas wysyłania wiadomości e-mail?
  • Jak wykonać polecenie traceroute w systemie Windows?
  • Jak skonfigurować pocztę w Outlook 365?
  • Jak odbierać pocztę ze swojej skrzynki na Gmailu?
Kategorie
  • Hosting
    • Zacznij tutaj
    • Aplikacje internetowe (CMS
    • Bazy danych
    • Certyfikaty SSL
    • Cloudflare
    • CRON
    • Inne
    • Elastyczny Web Hosting
    • Kooperacja
    • FTP
    • dKonta / dVPS
    • Operacje PHP
    • Problemy z działaniem stron WWW
    • Redis
    • Rodzaje błędów HTTP
    • SSH
    • Strony WWW
  • Poczta
    • Aliasy pocztowe
    • Filtry antyspamowe
    • Problemy z odbiorem wiadomości
    • Gmail
    • Problemy z wysyłką wiadomości
    • Konfiguracja programów pocztowych
    • Webmail dPoczta.pl
    • Zarządzanie pocztą w dPanelu
    • Migracja skrzynek
  • Kalendarz
  • Pozostałe
    • Program Partnerski
    • Bezpieczeństwo
    • Zarządzanie kontem
    • Inne
  • Domeny
    • Zarządzanie domenami w dPanelu
    • Registry Lock
    • Rejestracja i odnowienia domen
    • Transfery domen
  • Faktury i płatności
    • Problemy z płatnością
    • RODO
    • Zarządzanie fakturami i płatnościami w dPanelu
    • Faktury VAT
    • Inne
    • Metody i płatności
  • Strona główna
  • Zacznij tutaj
  • Status usług
  • Fachowe poradniki
  • Helpdesk 24h
  • Elastyczny Web Hosting →
  • Copyright © 2023 dhosting.pl Sp. z o.o.