Souhaitez-vous ajouter un lecteur GIF avec chargement au clic sur votre site WordPress ? Les images GIF animées prennent plus de temps à charger, ce qui affecte la vitesse de la page et l'expérience utilisateur. C'est pourquoi de nombreuses plateformes de blogging populaires ne chargent pas automatiquement les GIF dans leurs applications. Dans cet article, nous vous montrerons comment ajouter facilement le chargement au clic pour les GIF dans WordPress.

Pourquoi ajouter le chargement au clic pour les GIF dans WordPress ?
Si vous ajoutez souvent des images GIF animées dans WordPress, vous savez déjà qu'elles sont beaucoup plus volumineuses que les images ordinaires. Cela signifie qu'elles prennent plus de temps à charger, ce qui affecte la vitesse et les performances de votre site Web.
Certains sites Web gèrent cela en chargeant les images en différé dans WordPress. Cependant, cela affecte toujours l'expérience des utilisateurs car les GIF prennent plus de temps à charger lorsque l'utilisateur fait défiler la page.
Des plateformes populaires comme Tumblr et d'autres utilisent un lecteur GIF avec chargement au clic pour atténuer ce problème. Au lieu de charger toutes les images d'une animation GIF, elles chargent uniquement la première image de l'animation. Un bouton de lecture ou une étiquette GIF sur l'image indique que les utilisateurs peuvent cliquer pour voir le GIF animé.

Cela étant dit, jetons un coup d'œil à la façon dont vous pouvez ajouter un bouton de chargement au clic pour les GIF sur votre site WordPress.
Ajouter le chargement au clic pour les GIF dans WordPress
La première chose à faire est d'installer et d'activer le plugin WP GIF Player. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Ce plugin fonctionne dès l'installation, et il n'y a aucun réglage à effectuer.
Vous pouvez vous rendre sur l'écran d'édition de l'article pour le voir en action.

Sur l'écran d'édition de l'article, vous remarquerez le bouton Ajouter un GIF au-dessus de l'éditeur de l'article. Cliquer dessus ouvrira la fenêtre contextuelle de l'outil de téléchargement de médias où vous pourrez télécharger vos images GIF, comme pour toute autre image.

Une fois téléchargé, vous devez cliquer sur le bouton Insérer l'image pour continuer.
Le plugin WP GIF player ajoutera maintenant le shortcode requis dans votre éditeur d'articles WordPress.

Vous pouvez maintenant enregistrer votre article/page et cliquer sur le bouton d'aperçu pour voir vos GIF en chargement au clic en action.
Tous les GIF intégrés dans votre article auront maintenant un bouton dessus marqué GIF. Cliquer sur le bouton chargera le GIF animé en arrière-plan et l'affichera.

Un inconvénient de ce plugin est qu'il ne fonctionne que pour les nouveaux GIF que vous téléchargez. Il n'ajoutera pas le chargement au clic pour les GIF téléchargés à l'aide de l'outil de téléchargement de médias WordPress normal. Cela signifie que tous vos GIF précédemment téléchargés n'auront pas le bouton de chargement au clic.
Nous espérons que cet article vous a aidé à apprendre comment ajouter le lecteur de GIF en chargement au clic dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment résoudre les problèmes d'image courants dans WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Umair
Ce plugin n'est plus disponible. Une autre suggestion ?
Support WPBeginner
Pas pour le moment, nous ne manquerons pas de rechercher des alternatives.
Admin
Cori Ramos
Merci de nous avoir parlé de ce plugin et de nous avoir montré comment l'utiliser. Je vais le garder !
Cori
Shafi Khan
C'est un plugin sympa. Je me demande si nous pouvons personnaliser le bouton et changer son emplacement. Ce serait tellement cool d'avoir un bouton avec le logo de la marque au centre et un texte GIF dans le coin supérieur droit.
Merci pour le partage.
Vladimir DJurovic
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?