{"id":9841,"date":"2022-09-12T19:15:41","date_gmt":"2022-09-12T17:15:41","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=9841"},"modified":"2023-05-18T16:02:01","modified_gmt":"2023-05-18T14:02:01","slug":"jak-zamiescic-animacje-lottie-na-stronie-opartej-o-wordpress","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zamiescic-animacje-lottie-na-stronie-opartej-o-wordpress\/","title":{"rendered":"Jak zamie\u015bci\u0107 animacje Lottie na stronie opartej o WordPress?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-left counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Spis tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zamiescic-animacje-lottie-na-stronie-opartej-o-wordpress\/#Czym_sa_animacje_lottie\" >Czym s\u0105 animacje lottie?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zamiescic-animacje-lottie-na-stronie-opartej-o-wordpress\/#Instalacja_wtyczki_LottieFiles\" >Instalacja wtyczki LottieFiles<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zamiescic-animacje-lottie-na-stronie-opartej-o-wordpress\/#Dodanie_animacji_Lottie_na_stronie\" >Dodanie animacji Lottie na stronie<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Czym_sa_animacje_lottie\"><\/span>Czym s\u0105 animacje lottie?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Lottie to format pliku animacji oparty na JSON, kt\u00f3ry umo\u017cliwia projektantom dostarczanie animacji na dowolnej platformie tak \u0142atwo, jak dostarczanie plik\u00f3w grafik statycznych. S\u0105 to ma\u0142e pliki, kt\u00f3re dzia\u0142aj\u0105 na ka\u017cdym urz\u0105dzeniu i mog\u0105 skalowa\u0107 si\u0119 bez pikselacji. Korzystaj\u0105c z serwisu <em><strong>LottieFiles<\/strong> <\/em>mo\u017cesz tworzy\u0107, edytowa\u0107, testowa\u0107, wsp\u00f3\u0142pracowa\u0107 i wysy\u0142a\u0107 Lottie.<\/p>\n<div id=\"dhost-3397461125\" class=\"dhost-inpost dhost-entity-placement\"><a href=\"https:\/\/dhosting.pl\/opieka-stron.html?utm_source=pomoc&utm_medium=artykul&utm_campaign=pomoc\" target=\"_blank\">\r\n\t<img decoding=\"async\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2025\/01\/baner-opieka.png\" alt=\"opieka stron www\">\r\n<\/a>\r\n<br \/>\r\n<br \/><\/div><h2><span class=\"ez-toc-section\" id=\"Instalacja_wtyczki_LottieFiles\"><\/span>Instalacja wtyczki LottieFiles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aby zainstalowa\u0107 wtyczk\u0119 <em><strong>LottieFiles<\/strong><\/em>, zaloguj si\u0119 do panelu swojego <em><strong>WordPressa<\/strong><\/em>, a nast\u0119pnie przejd\u017a w menu po lewej stronie do sekcji <em><strong>Wtyczki &gt; Dodaj now\u0105<\/strong><\/em>.<\/p>\n<p>W wyszukiwarce po prawej stronie wpisz, ze szukasz <em><strong>LottieFiles<\/strong> <\/em>i poczekaj chwil\u0119.<\/p>\n<p>W wynikach wyszukiwania kliknij przycisk <em><strong>Zainstaluj<\/strong> <\/em>przy wskazanej na zrzucie ekranu wtyczce. Po uko\u0144czonej instalacji, kliknij przycisk <em><strong>W\u0142\u0105cz<\/strong><\/em>.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9842\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie.png\" alt=\"\" width=\"500\" height=\"158\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie.png 1836w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie-300x95.png 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie-1024x325.png 1024w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie-768x243.png 768w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie-1536x487.png 1536w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Po w\u0142\u0105czeniu wtyczki, za pierwszym razem system zapyta czy masz ju\u017c konto czy chcesz je utworzy\u0107. Utworzenie konta na LottieFiles jest bezp\u0142atne.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9843\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie2.png\" alt=\"\" width=\"500\" height=\"314\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie2.png 1387w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie2-300x189.png 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie2-1024x644.png 1024w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie2-768x483.png 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Po pomy\u015blnym zalogowaniu si\u0119 strona przedstawi Ci nast\u0119puj\u0105cy komunikat. Mo\u017cesz zamkn\u0105\u0107 stron\u0119 rejestracji i wr\u00f3ci\u0107 do panelu WordPressa.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9844\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie3.png\" alt=\"\" width=\"499\" height=\"333\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie3.png 1012w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie3-300x200.png 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie3-768x512.png 768w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dodanie_animacji_Lottie_na_stronie\"><\/span>Dodanie animacji Lottie na stronie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Po przej\u015bciu do edycji nowej strony lub nowego wpisu w edytorze Gutenberg kliknij <em><strong>przycisk z plusem<\/strong><\/em>, a nast\u0119pnie w polu wyszukiwarki wpisz lottie i kliknij w wyszukany modu\u0142.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9845\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie4.png\" alt=\"\" width=\"500\" height=\"229\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie4.png 993w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie4-300x137.png 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie4-768x351.png 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>W ramce, kt\u00f3ra si\u0119 pojawi masz do wyboru kilka opcji. Je\u015bli nie masz przygotowanego wcze\u015bniej pliku animacji, mo\u017cesz skorzysta\u0107 z bezp\u0142atnej bazy klikaj\u0105c w przycisk <em><strong>Discover animation<\/strong><\/em>.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9846\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie5.png\" alt=\"\" width=\"500\" height=\"232\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie5.png 716w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie5-300x139.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Po chwili pojawi si\u0119 okienko z nowymi i popularnymi animacjami. Mo\u017cesz oczywi\u015bcie skorzysta\u0107 z wyszukiwarki, aby odszuka\u0107 interesuj\u0105ce Ci\u0119 tematycznie animacje.<\/p>\n<p>My wybierzemy jedn\u0105 z proponowanych. Wystarczy najecha\u0107 na wybran\u0105 animacj\u0119 kursorem myszy i klikn\u0105\u0107 <em><strong>Insert animation<\/strong><\/em>.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9847\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6.png\" alt=\"\" width=\"500\" height=\"255\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6.png 1672w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6-300x153.png 300w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6-1024x522.png 1024w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6-768x392.png 768w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie6-1536x784.png 1536w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Gratulujemy. Animacja zosta\u0142a dodana \ud83d\ude42 Teraz mo\u017cesz korzysta\u0107 z animacji Lottie, aby uatrakcyjni\u0107 swoj\u0105 stron\u0119 WWW.<\/p>\n<p><a href=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"photo-border aligncenter wp-image-9848\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie7.png\" alt=\"\" width=\"500\" height=\"463\" title=\"\" srcset=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie7.png 709w, https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2022\/09\/lottie7-300x278.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":6,"featured_media":10957,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[95,109],"manual_kb_tag":[2830,655,2831,2829,3517,3516],"class_list":["post-9841","manual_kb","type-manual_kb","status-publish","format-standard","has-post-thumbnail","hentry","manualknowledgebasecat-hosting","manualknowledgebasecat-strony-www","manual_kb_tag-animacje-lottie","manual_kb_tag-hosting","manual_kb_tag-jak-zamiescic-animacje-lottie-w-wordpressie","manual_kb_tag-lottie","manual_kb_tag-polski-hosting","manual_kb_tag-web-hosting"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/9841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":0,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/9841\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media\/10957"}],"wp:attachment":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=9841"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=9841"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=9841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}