Comment ajouter des GIF animés dans WordPress (la BONNE méthode)
Voulez-vous ajouter des GIF animés dans vos articles de blog WordPress ?
Les GIF peuvent aider à capter l’attention de vos visiteurs et à accroître leur engagement envers vos articles de blog. Cependant, lorsque vous ajoutez un GIF animé dans WordPress, il peut perdre l’animation et apparaître comme une simple image statique.
Dans cet article, nous allons vous montrer comment ajouter correctement des GIF animés dans WordPress.
Pourquoi vos GIF WordPress ne fonctionnent-ils pas correctement ?
Parfois, les GIF animés deviennent des images statiques dans WordPress car ils génèrent automatiquement plusieurs tailles d'image, mais uniquement à partir de la première image de l'animation.
Pourquoi cela arrive-t-il ?
Chaque fois que vous ajoutez un type d'image à votre site Web WordPress à l'aide du téléchargeur multimédia, WordPress crée automatiquement plusieurs copies de cette image dans différentes tailles.
Il existe 4 tailles d’image WordPress par défaut : miniature, moyenne, grande et pleine taille.
Cependant, lors de la création de nouvelles tailles d’image pour les GIF animés, WordPress finit par enregistrer uniquement la première image du GIF.
Par conséquent, lorsque vous ajoutez l’une de ces tailles d’image générées dans votre publication ou votre page, ce seront des images statiques et le GIF WordPress ne fonctionnera pas.
Cela dit, voyons comment ajouter correctement des GIF animés dans WordPress sans perdre l’animation.
Ajouter correctement des GIF animés dans WordPress
Tout d’abord, vous devez modifier ou créer une nouvelle publication ou une nouvelle page pour ajouter le GIF animé.
Une fois que vous êtes dans l’éditeur de contenu WordPress, cliquez sur le bouton « + » et ajoutez un bloc « Image ».
Ensuite, vous trouverez plusieurs façons de télécharger votre GIF animé dans le bloc Image.
Pour commencer, cliquez simplement sur le bouton « Télécharger » et sélectionnez votre GIF animé depuis votre ordinateur. Ou vous pouvez cliquer sur le bouton « Médiathèque » et choisir un GIF déjà téléchargé dans votre médiathèque.
Il existe également une option permettant de saisir le lien vers votre GIF en cliquant sur le bouton « Insérer à partir d'une URL », mais nous vous déconseillons de l'utiliser car cela ne télécharge pas l'image sur votre site Web.
Une fois que vous aurez téléchargé votre GIF, WordPress l'insérera dans votre contenu.
Après avoir ajouté le GIF, vous devrez sélectionner l'option « taille réelle » sous Taille de l'image dans le menu sur votre droite.
L’image en taille réelle est le GIF animé original que vous avez téléchargé sur WordPress. Cela empêchera vos GIF WordPress d’apparaître sous forme d’images statiques et de ne pas lire l’animation.
Vous pourrez voir l'animation immédiatement dans l'éditeur de contenu.
Allez-y et publiez ou mettez à jour votre article de blog pour voir les GIF animés en action.
Conseils bonus sur l’utilisation des GIF animés dans WordPress
Les images GIF animées ont généralement une taille de fichier plus grande que les autres fichiers image. C’est parce qu’ils contiennent plusieurs images compressées utilisées comme images pour créer l’animation.
L’utilisation de gros GIF ou l’ajout de trop d’images GIF sur une page WordPress peut ralentir votre site Web. Consultez notre guide ultime sur la façon d’améliorer la vitesse et les performances de WordPress pour plus de détails.
Si vous utilisez Giphy pour rechercher des GIF animés, le plugin GIF Master peut vous être très utile. Il vous permet de rechercher dans la base de données Giphy depuis votre zone d'administration WordPress et d'ajouter des GIF sans quitter votre site.
De même, vous pouvez également utiliser EmbedPress pour ajouter automatiquement des GIF animés depuis Gfycat. Entrez simplement l'URL de votre GIF depuis Gfycat et le plugin l'intégrera dans votre contenu.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des GIF animés dans WordPress. Vous voudrez peut-être également consulter notre liste de 22 excellents plugins WordPress pour gérer les images et comment démarrer une boutique en ligne.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.