Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać kliknięcie do ładowania GIF-ów w WordPress

Czy chcesz dodać odtwarzacz GIFów z ładowaniem po kliknięciu na swoją stronę WordPress? Animowane obrazy GIF ładują się dłużej, co wpływa na szybkość strony i doświadczenie użytkownika. Dlatego wiele popularnych platform blogowych nie ładuje automatycznie GIFów w swoich aplikacjach. W tym artykule pokażemy Ci, jak łatwo dodać ładowanie GIFów po kliknięciu w WordPress.

Dodawanie opcji kliknij, aby załadować dla GIF-ów w WordPress

Dlaczego warto dodać opcję kliknij, aby załadować dla GIF-ów w WordPress?

Jeśli często dodajesz animowane obrazy GIF w WordPressie, to już wiesz, że są one znacznie większe od zwykłych obrazów. Oznacza to, że ładują się dłużej, co wpływa na szybkość i wydajność Twojej witryny.

Niektóre strony internetowe radzą sobie z tym, leniwie ładując obrazy w WordPress. Jednak nadal wpływa to na doświadczenie użytkownika, ponieważ GIF-y ładują się dłużej, gdy użytkownik przewija w dół.

Popularne platformy, takie jak Tumblr i inne, używają odtwarzacza GIF z opcją kliknij, aby załadować, aby rozwiązać ten problem. Zamiast ładować wszystkie klatki animacji GIF, ładują tylko pierwszą klatkę animacji. Przycisk odtwarzania lub etykieta GIF na obrazie wskazują, że użytkownicy mogą kliknąć, aby wyświetlić animowany GIF.

Przykład zatrzymanego GIF-a

Mając to na uwadze, przyjrzyjmy się, jak możesz dodać przycisk „kliknij, aby załadować” dla GIF-ów na swojej stronie WordPress.

Dodawanie opcji kliknij, aby załadować dla GIF-ów w WordPress

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki WP GIF Player. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.

Ta wtyczka działa od razu i nie ma dla niej żadnych ustawień.

Możesz przejść do ekranu edycji posta, aby zobaczyć ją w akcji.

Przycisk Dodaj GIF w edytorze postów WordPress

Na ekranie edycji posta zauważysz przycisk Dodaj GIF nad edytorem posta. Kliknięcie go spowoduje wyświetlenie okna wyskakującego z narzędziem do przesyłania multimediów, gdzie możesz przesłać swoje obrazy GIF, podobnie jak inne obrazy.

Prześlij GIF-y za pomocą przycisku Dodaj GIF

Po przesłaniu musisz kliknąć przycisk Wstaw obraz, aby kontynuować.

Wtyczka WP GIF player doda teraz wymagany shortcode w edytorze Twojego posta WordPress.

Krótki kod GIF w edytorze postów WordPress

Możesz teraz zapisać swój post/stronę i kliknąć przycisk podglądu, aby zobaczyć swoje GIF-y do kliknięcia w akcji.

Wszystkie GIF-y osadzone w Twoim poście będą teraz miały nad sobą przycisk z etykietą GIF. Kliknięcie przycisku spowoduje załadowanie animowanego GIF-a w tle i jego wyświetlenie.

Kliknij, aby odtworzyć animowany GIF

Jedną z wad tej wtyczki jest to, że działa ona tylko dla nowo przesyłanych GIFów. Nie doda ona funkcji kliknięcia w celu załadowania dla GIFów przesłanych za pomocą zwykłego narzędzia do przesyłania multimediów w WordPressie. Oznacza to, że wszystkie wcześniej przesłane GIFy nie będą miały przycisku kliknięcia w celu załadowania.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać odtwarzacz GIFów z opcją kliknięcia w celu załadowania w WordPressie. Możesz również zapoznać się z naszym przewodnikiem, jak naprawić typowe problemy z obrazami w WordPressie.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

5 CommentsLeave a Reply

  1. Dziękujemy za poinformowanie nas o tym wtyczce i za pokazanie, jak jej używać. Zachowam ją!

    Cori

  2. To fajna wtyczka. Zastanawiam się, czy możemy dostosować przycisk i zmienić jego lokalizację. Byłoby super mieć przycisk z logo marki na środku i tekst GIF w prawym górnym rogu.

    Dzięki za udostępnienie.

  3. To jest całkiem interesujące. Jeszcze nie używam animowanych GIF-ów w moich postach, ale dobrze o tym wiedzieć.
    Czy wiesz, czy to podejście zadziała z treściami hostowanymi na CDN?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.