Jak dodawać animowane pliki GIF w WordPress (PRAWIDŁOWY SPOSÓB)

Chcesz dodać animowane GIF-y do twoich wpisów na blogu WordPress?

GIF-y (format wymiany grafiki) mogą pomóc przyciągnąć uwagę odwiedzających i zwiększyć zaangażowanie w twoje wpisy na blogu. Jednak po dodaniu animowanego GIF-a w WordPressie może on stracić animację i pojawić się jako zwykły statyczny obrazek.

W tym artykule pokażemy krok po kroku, jak prawidłowo dodawać animowane pliki GIF w WordPress.

Dlaczego twój WordPress GIF nie działa poprawnie?

Czasami animacje GIF stają się statycznymi obrazkami w WordPressie, ponieważ automatycznie generuje on wiele rozmiarów obrazka, ale tylko od pierwszej klatki animacji.

Dlaczego tak się dzieje?

Za każdym razem, gdy dodajesz dowolny rodzaj obrazka do swojej witryny internetowej WordPress za pomocą narzędzia do przesyłania multimediów, WordPress automatycznie tworzy kilka kopii tego obrazka w różnych rozmiarach.

Istnieją 4 domyślne rozmiary obrazków WordPress, w tym miniaturka, średni, duży i pełny rozmiar.

Jednak podczas tworzenia nowych rozmiarów obrazków dla animowanych GIF-ów, WordPress zapisuje tylko pierwszą klatkę pliku GIF.

W rezultacie, gdy dodasz którykolwiek z tych wygenerowanych rozmiarów obrazków do twojego wpisu lub strony, będą one statycznymi obrazkami i spowodują, że WordPress GIF nie będzie działał.

Powiedziawszy to, przyjrzyjmy się, jak prawidłowo dodawać animowane pliki GIF w WordPress bez utraty animacji.

Prawidłowe dodawanie animowanych plików GIF w WordPress

Najpierw musisz edytować lub utworzyć nowy wpis WordPress lub stronę w edytorze WordPress Gutenberg, aby dodać animowany GIF.

Gdy znajdziesz się w edytorze treści WordPress, kliknij przycisk „+” i dodaj blok z obrazkiem.

Następnie w bloku Obrazek znajdziesz wiele sposobów na przesłanie twojego animowanego GIF-a.

Aby rozpocząć, wystarczy kliknąć przycisk „Prześlij” i wybrać twój animowany GIF z komputera. Możesz też kliknąć przycisk „Biblioteka multimediów” i dodać pliki multimedialne, które zostały już przesłane do twojej biblioteki multimediów.

Istnieje również opcja wpisz odnośnik do GIF-a, klikając przycisk „Wstaw z adresu URL”, ale nie zalecamy korzystania z tej opcji, ponieważ nie powoduje ona załadowania obrazka na twoją witrynę internetową.

Po przesłaniu GIF-a, edytor bloków wstawi go do twojej treści i będziesz mógł go dostosować.

Po dodaniu GIF-a musisz wybrać opcję „Pełny rozmiar” w sekcji „Rozmiar obrazka” z menu po twojej prawej stronie.

Pełnowymiarowy obrazek to oryginalny animowany GIF przesłany do WordPress. Wybranie tej opcji zapobiegnie wyświetlaniu twoich GIF-ów WordPress jako statycznych obrazków i nie będzie odtwarzać animacji.

Animacja będzie widoczna od razu w edytorze treści.

Śmiało opublikuj lub zaktualizuj swój wpis na blogu, aby zobaczyć animowane GIF-y w działaniu.

Dodatkowe wskazówki dotyczące korzystania z animowanych plików GIF w WordPress

Animowane obrazy GIF mają zazwyczaj większy rozmiar niż inne obrazki. Dzieje się tak dlatego, że zawierają one kilka skompresowanych obrazków używanych jako klatki do tworzenia animacji.

Używanie dużych plików GIF lub dodawanie zbyt wielu obrazków GIF na stronie WordPress może spowolnić twoją witrynę internetową i zaszkodzić optymalizacji pod kątem wyszukiwarek (SEO). Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat poprawy szybkości i wydajności WordPress.

Jeśli korzystasz z Giphy.com do wyszukiwania animowanych GIF-ów, wtyczka GIF Master może okazać się bardzo przydatna. Umożliwia ona przeszukiwanie bazy danych Giphy z kokpitu WordPress i dodawanie GIF-ów bez opuszczania twojej witryny WordPress.

Podobnie, można również użyć EmbedPress do automatycznego dodawania animowanych GIF-ów i memów z Gfycat. Wystarczy wpisz adres URL twojego GIF-a z Gfycat, a wtyczka osadzać go będzie w treści.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodawać animowane pliki GIF w WordPress. Możesz również zapoznać się z naszą listą świetnych wtyczek WordPress do zarządzania obrazkami i naszym kompletnym poradnikiem WordPress na temat wyboru najlepszego hostingu WordPress dla lepszej wydajności.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.