Comment ajouter un GIF à WordPress

Capter l'attention du public en ligne peut devenir de plus en plus difficile à mesure que les options de divertissement se multiplient. L'inclusion d'éléments dynamiques de manière simple et réduite peut être un moyen efficace d'attirer les utilisateurs cibles vers votre contenu.

C'est l'une des raisons pour lesquelles l'ajout de GIF animés à votre site Web peut s'avérer utile. Que vous les créiez vous-même, que vous les achetiez en ligne ou que vous les obteniez à partir d'un référentiel gratuit, les GIF peuvent être un moyen amusant de transmettre du sens et d'augmenter l'engagement.

Dans cet article, nous verrons comment ajouter un GIF à votre site Web WordPress. Nous vous fournirons également un guide de dépannage, au cas où vous rencontreriez des problèmes. Si vous êtes prêt, commençons !

Comment ajouter un GIF à WordPress en 5 étapes faciles

L'ajout d'un GIF à votre site Web peut sembler être un processus assez simple. Cependant, il existe quelques astuces pour s'assurer que l'animation fonctionnera réellement. Dans cet esprit, dans les étapes suivantes, nous allons parcourir le processus d'ajout d'un GIF fonctionnel à votre contenu WordPress.

Étape 1 : Optimisez votre GIF

Comme pour vos autres images et médias, vous voudrez vous assurer que vos GIF ne ralentissent pas la vitesse de chargement de votre site. Vous pouvez éviter cela en optimisant vos GIF avec un outil comme Compressor.io :

Cette étape vous aidera à assurer le bon fonctionnement et la rapidité de votre site. C'est particulièrement important si vous envisagez d'héberger vos médias sur le serveur de votre site Web, plutôt que sur un hôte multimédia ou un réseau de diffusion de contenu (CDN) distinct.

Étape 2 : Ajoutez un bloc d'image à votre page

Une fois que vous avez préparé votre fichier GIF, vous pouvez ouvrir n'importe quelle page ou publication dans WordPress et ajouter un bloc Image à l'aide de l'icône Ajouter un bloc :

Alternativement, vous pouvez saisir « /Image » dans la zone vide :

L'une ou l'autre méthode insère un bloc qui sert d'espace réservé pour un élément multimédia sur votre page.

Étape 3 : téléchargez votre fichier GIF

Vous avez maintenant trois options pour placer un GIF sur votre page. Nous parlerons de la Médiathèque plus tard. Pour l'instant, choisissez Upload :

Avec cette option, vous pouvez télécharger votre nouveau fichier GIF directement dans votre message.

Étape 4 : Ajustez le paramètre de taille d'image

Une fois que vous avez placé le GIF dans votre contenu, vous devrez vous rendre sur le côté droit de la fenêtre d'édition et faire défiler jusqu'à la taille de l'image. Par défaut, il sera probablement défini sur Grand. Afin de préserver l'animation du GIF, vous devrez choisir à la place Full Size :

Définir votre GIF sur Pleine taille garantira qu'il ne s'affiche pas comme une image statique.

Étape 5 : Insérez votre GIF à partir de la médiathèque (facultatif)

Si vous avez déjà téléchargé votre GIF dans la médiathèque de votre site, vous pouvez choisir l'option Médiathèque à la place après avoir ajouté un nouveau bloc Image :

Une fois dans la Médiathèque , vous pouvez sélectionner le GIF que vous souhaitez insérer dans votre contenu :

Ensuite, vous pouvez ajuster le paramètre du GIF comme dans l'exemple précédent, pour vous assurer qu'il s'affiche à sa taille maximale.

À ce stade, votre GIF devrait parcourir son animation sur la page dans le cadre de la fonctionnalité de prévisualisation en direct de WordPress. Si votre GIF ne tourne pas correctement en boucle, vous pouvez consulter les informations de dépannage ci-dessous.

Comment résoudre les problèmes de GIF courants

Comme nous en avons discuté précédemment, les GIF peuvent être un moyen dynamique et amusant d'attirer l'attention de vos lecteurs et de transmettre du sens. Cependant, vous pouvez rencontrer certains problèmes courants lors de leur intégration dans votre contenu. Voici quelques-unes des questions les plus fréquemment posées sur les GIF.

1. Puis-je utiliser des GIF GIPHY sur mon site Web ?

La réponse à cette question est à la fois oui et non. GIPHY est un référentiel en ligne pour publier des GIF. Le site propose également un logiciel gratuit que vous pouvez utiliser pour créer vos propres GIF.

Cependant, comme pour les autres formes de contenu numérique, il est important de connaître les règles. Si vous souhaitez utiliser un GIF que vous trouvez sur GIPHY et que vous n'avez pas créé, vous devez suivre la politique d'utilisation de Digital Millennium Copyright Act selon GIPHY. Cela signifie que vous ne pouvez pas utiliser la propriété intellectuelle protégée par le droit d'auteur ou personnelle de quelqu'un d'autre à des fins commerciales.

GIPHY facilite l'intégration de contenu sur votre site Web en fournissant un lien de partage. Néanmoins, il est préférable de faire des recherches sur le contenu que vous souhaitez utiliser avant de le placer sur votre site.

2. Puis-je copier et coller un GIF sur WordPress ?

Si le GIF que vous souhaitez utiliser est en direct sur Internet, vous pouvez cliquer dessus avec le bouton droit de la souris et copier l'image. Ensuite, vous pouvez le coller sur un article ou une page WordPress.

Il est important de noter que cette méthode n'ajoute pas le fichier GIF réel à votre bibliothèque multimédia, mais un lien vers celui-ci via son URL. C'est quelque chose à garder à l'esprit, car vous n'aurez aucun contrôle sur le GIF. Si le propriétaire le supprime ou le modifie, cela affectera votre contenu.

3. Pourquoi mon GIF a-t-il cessé de bouger ?

Lorsqu'un GIF qui fonctionnait auparavant cesse de bouger, il existe un certain nombre de causes possibles. Selon l'outil avec lequel le GIF a été créé, la fonction de bouclage peut avoir une limite. Si le GIF n'a pas été configuré pour boucler à l'infini, il peut s'arrêter de lui-même après un certain temps.

De plus, le code de votre site Web ou votre navigateur peut avoir interféré avec l'affichage du GIF. Vous pouvez essayer d'afficher le GIF dans un autre navigateur ou sur un autre appareil pour déterminer si c'est le cas.

4. Comment réparer mon animation GIF ?

Déterminer la cause du problème de votre GIF est la première étape pour résoudre tout dysfonctionnement. Vérifiez toujours que votre fichier GIF est défini sur Pleine taille dans WordPress.

Si vous avez copié et collé le GIF, vous devrez peut-être vérifier l'emplacement du fichier d'origine pour voir s'il fonctionne toujours. Si ce n'est pas le cas, votre GIF ne fonctionnera probablement pas non plus. En fin de compte, créer vos propres GIF et stocker les fichiers en toute sécurité est le meilleur moyen d'éviter les problèmes indésirables.

Personnalisez l'expérience de votre site avec WP Engine

La flexibilité et la diversité des options de conception de WordPress ne sont que deux des raisons pour lesquelles il s'agit d'un excellent système de gestion de contenu (CMS). Avec les bons outils et ressources de développement, vous pouvez créer une expérience unique et attrayante pour les visiteurs de votre site Web.

Bien sûr, votre contenu brillera davantage s'il est soutenu par un hébergeur fiable. Découvrez nos diverses options d'hébergement WordPress et faites passer votre site Web à un nouveau niveau de fonctionnalité !