Optimisation des images pour le plugin Elementor de WordPress

Le concept de blocs modulaires pour la mise en page des articles et pages WordPress est apparu avec Gutenberg, mais en réalité, WordPress lui-même est modulaire. Prenons l'exemple de la bibliothèque de médias WordPress : vous pouvez y importer des images et les utiliser dans vos articles ou pages, quel que soit l'éditeur utilisé. Dans cet article, nous nous concentrons sur Elementor et sur la manière d'optimiser les images grâce à ImageRecycle.

Tout comme Gutenberg, Elementor est un éditeur WordPress qui permet de créer des articles ou des pages tout en visualisant leur rendu pour les lecteurs. Sa structure est également similaire à celle de Gutenberg, puisqu'elle utilise le concept désormais familier des blocs. Cela simplifie encore davantage l'utilisation de la bibliothèque de médias WordPress, notamment pour l'ajout d'images optimisées. Mais avant toute chose : comment optimiser des images sur WordPress ?

Optimisation des images avec ImageRecycle

Si vous n'avez jamais utilisé ImageRecycle , l'optimisation des images WordPress est simple et rapide. Commencez par télécharger et installer l' extension ImageRecycle Réglages et saisissez votre clé API et votre secret. Enregistrez les modifications ; si la clé et le secret correspondent, vous pouvez immédiatement commencer l'optimisation des images.

Vous pouvez accéder à l'interface principale ImageRecycle depuis le Média . Cette page est simple et intuitive. Elle affiche toutes les images de votre bibliothèque multimédia, ainsi que leurs tailles et leurs taux de compression. Vous pouvez cliquer sur le Optimiser à côté de chaque image pour la compresser individuellement, ou sur le Optimiser tout pour optimiser toutes les images simultanément.

Le processus de compression dépend en grande partie ImageRecycle . Par exemple, vous pouvez choisir la compression « qualité d'enregistrement optimale » ou la compression « qualité d'origine », qui permettent de compresser les images jusqu'à 80 % et 20 % respectivement. Pour en savoir plus sur la différence entre ces deux modes, cliquez ici .

Quel que soit le mode d'optimisation choisi, ces images sont enregistrées dans votre bibliothèque de médias WordPress, ce qui vous permet de les utiliser dans vos articles et pages… quel que soit l'éditeur utilisé. Dans la suite de cet article, nous nous concentrons sur un éditeur en particulier : Elementor.

Utilisation d'images optimisées dans Elementor

Elementor est un puissant éditeur pour les articles et les pages WordPress. À l'instar de Gutenberg, il organise le contenu en blocs, chacun représentant un élément différent. Comme vous le savez, aucun site web n'est véritablement complet sans images, et Elementor ne manque pas de blocs d'images. C'est là qu'intervient la bibliothèque de médias.

Nous avons commencé cet article en expliquant que WordPress est un système modulaire, et c'est là que tout s'articule. D'où Elementor tirerait-il ses images, sinon de la bibliothèque de médias ? C'est-à-dire la même bibliothèque de médias WordPress que vous venez d'optimiser avec ImageRecycle.

Utiliser les images compressées d' ImageRecycledans Elementor est un jeu d'enfant : il suffit de glisser-déposer n'importe quel bloc image (image simple, carrousel, galerie, etc.) et de charger les images. Vous les sélectionnez directement dans la bibliothèque de médias WordPress, qui charge automatiquement les versions compressées.

WordPress est fondamentalement modulaire et il serait dommage de ne pas exploiter cette modularité. ImageRecycle s'intègre à n'importe quel éditeur sans perturber votre flux de travail. Il vous suffit d'optimiser les images et de les insérer ensuite dans votre blog, ce qui vous permet d'optimiser l'expérience de vos lecteurs WordPress, quel que soit l'éditeur utilisé.