Ako vložiť animácie Lottie do WordPress?

Animácie Lottie sú ľahké animácie založené na JSON vytvorené pomocou rámca Lottie vyvinutého spoločnosťou Airbnb. Tieto animácie majú malú veľkosť a pri zmene veľkosti si zachovávajú vysokú kvalitu, vďaka čomu sú ideálne na zlepšenie používateľského zážitku na webových stránkach a mobilných aplikáciách.

Ak chcete vložiť animácie Lottie do WordPress, môžete postupovať podľa týchto krokov:

Stiahnite si súbor animácie Lottie:

Začnite stiahnutím súboru animácie Lottie, ktorý chcete použiť. Lottie animácie možno nájsť na rôznych platformách a trhoch.

Previesť na formát JSON:

Keď budete mať súbor animácie, preveďte ho do formátu JSON, ak ešte v tomto formáte nie je. Na tento účel sú k dispozícii online konvertory alebo môžete použiť nástroj príkazového riadku Lottie.

Nahrajte súbor JSON do knižnice médií WordPress:

Prihláste sa do hlavného panela WordPress a prejdite na „Médiá“> „Pridať nové“. Tu nahrajte súbor JSON obsahujúci vašu animáciu Lottie.

Kopírovať krátky kód:

Po nahraní súboru JSON prejdite do knižnice médií a nájdite animáciu Lottie, ktorú ste práve nahrali. Kliknutím na odkaz „Upraviť“ pod ukážkou animácie zobrazíte jej podrobnosti.

V detailoch animácie nájdete krátky kód na vloženie animácie. Skopírujte poskytnutý skrátený kód.

Vložiť krátky kód do obsahu:

Otvorte príspevok alebo stránku, kam chcete vložiť animáciu Lottie. V editore WordPress umiestnite kurzor na požadovaný bod vloženia.

Kliknite na tlačidlo „Pridať médiá“ na paneli nástrojov editora WordPress.

V ponuke na ľavej strane vyberte možnosť „Vložiť“ a prepnite sa na kartu „Vložiť kód“.

Prilepte krátky kód animácie Lottie do poľa kódu na vloženie.

Kliknite na tlačidlo „Vložiť do príspevku“ alebo „Vložiť na stránku“.

Vaša animácia Lottie bude teraz vložená na zvolené miesto vo vašom obsahu WordPress.

Aktualizácia a ukážka:

Aktualizujte svoj príspevok alebo stránku a mali by ste vidieť animáciu Lottie zobrazenú podľa plánu.

Poznámka:Niektoré témy WordPress môžu mať vstavanú funkciu na jednoduché vkladanie animácií Lottie. Skontrolujte dokumentáciu k téme a zistite, či ponúka takéto možnosti.

Podľa týchto krokov môžete bez problémov vložiť animácie Lottie na svoju webovú stránku WordPress, pridať podmanivé a pútavé prvky na zlepšenie používateľského zážitku.

• Predchádzajúca strana: Ako zabrániť spamovým komentárom vo WordPress? 
• Ďalšia strana: Ako používať darčeky vo WordPress?