Czy chcesz dodać odtwarzacz GIF po kliknięciu, aby wczytywać na twojej witrynie internetowej WordPress? Animowane obrazki GIF wczytują się dłużej, co ma wpływ na szybkość strony i wrażenia użytkownika. Dlatego wiele popularnych platform blogowych nie wczytuje automatycznie GIF-ów w swoich aplikacjach. W tym artykule pokażemy, jak łatwo dodać funkcję wczytywania GIF-ów w WordPress.
Dlaczego warto wczytywać pliki GIF w WordPress?
Jeśli często dodajesz animowane obrazki GIF w WordPress, to wiesz już, że mają one znacznie większy rozmiar niż zwykłe obrazki. Oznacza to, że ich wczytywanie trwa dłużej, co ma wpływ na szybkość i wydajność twojej witryny internetowej.
Niektóre witryny internetowe radzą sobie z tym poprzez leniwe wczytywanie obrazków w WordPress. Jednak nadal ma to wpływ na wrażenia użytkowników, ponieważ GIF-y wczytują się dłużej, gdy użytkownik przewija stronę w dół.
Popularne platformy, takie jak Tumblr i inne, używają odtwarzacza GIF wczytywanego kliknięciem, aby złagodzić ten problem. Zamiast wczytywać wszystkie klatki animacji GIF, wczytywana jest tylko pierwsza klatka animacji. Przycisk odtwarzania lub etykieta GIF na obrazku wskazuje, że użytkownicy mogą kliknąć, aby zobaczyć animowany GIF.
Biorąc to pod uwagę, przyjrzyjmy się, jak można dodać przycisk kliknięcia, aby wczytywać GIF-y na twojej witrynie internetowej WordPress.
Dodawanie przycisku „kliknij, aby wczytywać” dla plików GIF w witrynie WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę WP GIF Player. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Ta wtyczka działa po wyjęciu z pudełka i nie ma dla niej żadnych ustawień.
Możesz przejść do ekranu edycji wpisu, aby zobaczyć ją w działaniu.
Na ekranie edycji wpisu zauważysz przycisk Dodaj GIF nad edytorem wpisów. Kliknięcie go spowoduje wyświetlenie wyskakującego okienka ładowania multimediów, w którym możesz przesłać swoje obrazy GIF, podobnie jak każdy inny obrazek.
Po załadowaniu należy kliknąć przycisk Wstaw obrazek, aby kontynuować.
Wtyczka odtwarzacza WP GIF doda teraz wymagany krótki kod w twoim edytorze wpisów WordPress.
Możesz teraz zapisać swój wpis / stronę i kliknąć przycisk podglądu, aby zobaczyć twoje kliknięcie, aby wczytywać GIF-y w działaniu.
Wszystkie GIF-y osadzane w twoim wpisie będą teraz miały przycisk na górze oznaczony GIF. Kliknięcie przycisku spowoduje wczytywanie animowanego GIF-a w tle i wyświetlenie go.
Jedną wadą tej wtyczki jest to, że działa ona tylko dla nowych, wgranych GIF-ów. Nie będzie dodawać funkcji wczytywania dla plików GIF przesłanych za pomocą zwykłego narzędzia do przesyłania multimediów WordPress. Oznacza to, że wszystkie twoje wcześniej przesłane pliki GIF nie będą miały przycisku „kliknij, aby wczytywać”.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać przycisk wczytywania GIF-ów w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat poprawek typowych problemów z obrazkami w WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Umair says
That plugin is no longer available. Any other suggestion?
WPBeginner Support says
Not at the moment, we will be sure to keep an eye out for alternatives.
Administrator
Cori Ramos says
Thank you for telling us about this plugin and for showing us how to use it. I’m going to hang on to this one!
Cori
Shafi Khan says
That’s a cool plugin. I wonder if we can customize the button and change it’s location. It would be so cool to have a brand-logo button in the center and a GIF text on top-right corner.
Thanks for sharing.
Vladimir DJurovic says
This is quite interesting. I don’t use animated GIFs in my posts yet, but it’s good to know.
Do you know if this approach will work with CDN hosted content?