Jak dodać animowane GIF-y w WordPress (WŁAŚCIWY sposób)

Znalazłeś idealny animowany GIF, aby ożywić swój wpis na blogu. Ale kiedy dodajesz go do WordPressa, po prostu leży tam jako płaski, nudny obraz, bez żadnej pożądanej animacji.

To frustrująco częsty problem. Dzieje się tak, ponieważ WordPress czasami może zapisać tylko pierwszą klatkę GIF-a podczas tworzenia różnych rozmiarów obrazów.

Na szczęście istnieje prosty trik, aby to naprawić. W tym przewodniku pokażemy Ci właściwy sposób dodawania animowanych GIF-ów, aby zawsze działały idealnie.

Dlaczego GIF-y w WordPressie nie działają poprawnie?

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

Dlaczego tak się dzieje?

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

Istnieją 3 domyślne rozmiary obrazów WordPress, które są automatycznie generowane: miniaturka, średni i duży. WordPress przechowuje również oryginalny plik przesłany, który można wybrać, wybierając opcję „Pełny rozmiar”.

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

W rezultacie, gdy dodasz dowolny z wygenerowanych rozmiarów obrazów do swojego wpisu lub strony, będą to statyczne obrazy, co spowoduje, że GIF w WordPressie nie będzie działać.

Teraz przyjrzyjmy się właściwemu sposobowi dodawania animowanych GIF-ów w WordPress, aby zachowały swoją animację.

Prawidłowe dodawanie animowanych GIF-ów w WordPressie

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

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

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

Na początek po prostu kliknij przycisk „Prześlij” i wybierz 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 wprowadzenia linku do swojego GIF-a, klikając przycisk „Wstaw z adresu URL”, ale nie zalecamy tego, ponieważ nie przesyła to obrazu do Twojej witryny.

Po przesłaniu GIF-a edytor bloków wstawi go do Twojej treści i możesz go dostosować.

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

Ważne jest, aby wybrać opcję „Pełny rozmiar”, ponieważ informuje to WordPress, aby użył oryginalnego, nienaruszonego animowanego pliku GIF, który przesłałeś. Inne rozmiary (takie jak średni lub miniaturka) to statyczne kopie, które WordPress utworzył tylko z pierwszej klatki animacji, dlatego się nie poruszają. Wybierając „Pełny rozmiar”, zapewniasz prawidłowe działanie animacji. 👍

Animację będzie można zobaczyć od razu w edytorze treści.

Opublikuj lub zaktualizuj swój wpis na blogu, aby zobaczyć animowane GIF-y w akcji.

Dodatkowe wskazówki dotyczące używania animowanych GIF-ów w WordPressie

Animowane pliki GIF zazwyczaj mają większy rozmiar pliku niż inne pliki obrazów. Dzieje się tak, ponieważ zawierają one kilka skompresowanych obrazów używanych jako klatki do stworzenia animacji.

Używanie dużych plików GIF lub dodawanie zbyt wielu obrazów GIF na stronie WordPress może spowolnić Twoją witrynę i zaszkodzić optymalizacji pod kątem wyszukiwarek (SEO). Zobacz nasz ostateczny przewodnik, jak poprawić szybkość i wydajność WordPress, aby uzyskać więcej szczegółów.

Jeśli używasz Giphy.com do wyszukiwania animowanych plików GIF, wtyczka GIF Master może okazać się bardzo przydatna. Pozwala ona na przeszukiwanie bazy danych Giphy z poziomu panelu administracyjnego WordPress i dodawanie GIF-ów bez opuszczania witryny WordPress.

Podobnie, możesz również użyć EmbedPress do automatycznego dodawania animowanych GIF-ów i memów z Gfycat. Po prostu wprowadź adres URL swojego GIF-a z Gfycat, a wtyczka osadzi go w Twojej treści.

Najczęściej zadawane pytania dotyczące GIF-ów w WordPress

Oto odpowiedzi na niektóre z najczęściej zadawanych pytań dotyczących używania animowanych GIF-ów w WordPressie.

Dlaczego animowane GIF-y są tak duże?

Animowane pliki GIF to w zasadzie seria statycznych obrazów lub klatek, spakowanych w jeden plik. Im więcej klatek i kolorów ma GIF, tym większy będzie jego rozmiar pliku.

Dlatego często są one znacznie większe niż standardowe obrazy JPG lub PNG.

Jak zoptymalizować GIF-y, aby były mniejsze?

Możesz użyć darmowych narzędzi online, takich jak EZgif lub GIMP, aby zoptymalizować swoje animowane GIF-y przed przesłaniem ich do WordPressa. Narzędzia te mogą pomóc w zmniejszeniu rozmiaru pliku poprzez usuwanie dodatkowych klatek lub zmniejszanie liczby kolorów w GIF-ie, często bez zauważalnego spadku jakości.

Czy używanie wielu GIF-ów na jednej stronie jest złe?

Tak, dodanie zbyt wielu dużych plików GIF na jednej stronie może znacznie spowolnić czas ładowania Twojej witryny. Może to stworzyć złe doświadczenie użytkownika i negatywnie wpłynąć na Twoje rankingi SEO.

Najlepiej używać ich oszczędnie, aby podkreślić kluczowe punkty lub dodać zainteresowanie wizualne tam, gdzie jest to najbardziej potrzebne.

Dodatkowe zasoby do zarządzania multimediami

Mamy nadzieję, że ten przewodnik pomógł Ci poprawnie dodać animowane GIF-y do Twojej witryny WordPress. Teraz, gdy opanowałeś GIF-y, możesz uznać inne artykuły dotyczące zarządzania multimediami za przydatne.

• Świetne wtyczki WordPress do zarządzania obrazami – Odkryj narzędzia, które pomogą Ci efektywniej organizować, optymalizować i wyświetlać obrazy.
• Dlaczego nigdy nie powinieneś przesyłać wideo do WordPressa – Dowiedz się, dlaczego hostowanie własnych filmów może zaszkodzić wydajności Twojej witryny i co powinieneś zrobić zamiast tego.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.