Vill du lägga till en GIF-spelare med click to load på din website i WordPress? Animerade GIF images tar längre tid att ladda vilket påverkar page speed och användarupplevelsen. Det är därför många populära bloggplattformar inte autoladdar GIF-bilder i sina appar. I den här artikeln visar vi dig hur du enkelt kan add to click to load för GIF-bilder i WordPress.
Varför add to click to load för GIF:ar i WordPress?
Om du ofta add to animerade GIF-bilder i WordPress, då vet du redan att de är mycket större i storlek än vanliga images. Detta innebär att de tar längre tid att hämta, vilket påverkar din websites hastighet och prestanda.
Vissa webbplatser hanterar detta genom lazy loading av images i WordPress. Detta påverkar dock fortfarande användarnas upplevelse eftersom GIF-bilder tar längre tid att hämta när användaren rullar ner.
Populära plattformar som Tumblr och andra använder click to load GIF-spelare för att mildra detta problem. Istället för att hämta all bild i en GIF-animation laddar de bara den första bilden av animationen. En uppspelningsknapp eller GIF-etikett på imagen indikerar att användare kan clicka för att viewa den animerade GIF:en.
Med detta sagt, låt oss ta en titt på hur du kan add to click to load button för GIFs på din WordPress website.
Lägga till Click to Load för GIF-filer i WordPress
Det första du behöver göra är att installera och aktivera pluginet WP GIF Player. För mer detaljer, se vår steg-för-steg guide om hur du installerar ett plugin för WordPress.
Detta plugin fungerar direkt från boxen, och det finns inga Settings för det.
You can head over to the post edit screen to see it in action.
På skärmen för edit av post kommer du att notice Add GIF knappen ovanför post editor. Om du klickar på den kommer du att få upp mediauppladdaren popup där du kan ladda upp dina GIF-bilder på samma sätt som alla andra images.
När du har uppladdat måste du klicka på knappen Infoga image för att fortsätta.
Pluginet WP GIF player kommer nu att add to den obligatoriska shortcoden i din WordPress post editor.
Du kan nu spara din post/page och klicka på knappen preview för att se dina klick för att ladda GIF:ar i action.
Alla GIF:ar som är embedda i your post kommer nu att ha en knapp högst upp på dem som heter GIF. Om du klickar på knappen hämtar du den animerade GIF:en i bakgrunden och visar den.
En nackdel med detta plugin är att det bara fungerar för de new GIFs som uploadas. Det kommer ej att add to click to load för GIF:s som laddas upp med den normala WordPress media uppladdaren. Detta innebär att alla dina tidigare uppladdade GIF-filer inte kommer att ha knappen click to load.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du add to click to load GIFs player i WordPress. Du kanske också vill se vår guide om hur man fixar vanliga image issues i WordPress.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.
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.
Administratör
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?