Comment régénérer les vignettes et recadrer les images dans WordPress

En tant que concepteurs et développeurs Web, nous savons à quel point il est important d'avoir les bonnes tailles d'image et les bonnes vignettes lorsque vous travaillez sur un projet. WordPress a une règle par défaut pour les vignettes d'images, tout comme la plupart des thèmes. Lorsque vous téléchargez une image, WordPress génère des vignettes et recadre les images pour s'adapter à ces tailles par défaut. Votre thème fera de même. Mais parfois, la valeur par défaut n'est tout simplement pas suffisante.

Lorsque vous changez de thème, les vignettes générées par le thème précédent peuvent ne pas sembler correctes. Les tailles de l'image en vedette ou de l'image de profil peuvent être différentes. Ces différences dans votre galerie de vignettes peuvent causer des problèmes de conception, donnant finalement une mauvaise apparence au site.

C'est pourquoi il est parfois nécessaire de régénérer les vignettes ou même de recadrer les images après avoir changé de thème. Faire cela manuellement est un effort énorme, en particulier pour un site avec une grande médiathèque. Heureusement, il existe des plugins qui peuvent vous aider. Dans cet article, nous examinerons l'un d'entre eux, Image Regenerate & Select Crop.

Ce plugin est un logiciel open source et est disponible dans le répertoire WordPress Plugin. Il est mis à jour régulièrement et fonctionne avec les dernières versions de WordPress et Divi. Jetons un coup d'œil à la façon dont le plugin peut vous aider avec la régénération des vignettes et le recadrage d'images à partir de la médiathèque.

Abonnez-vous à notre chaîne Youtube

Conseil de pro :

Pour ceux d'entre vous qui sont nouveaux sur WordPress, les vignettes sont toutes les images supplémentaires que WordPress et votre thème créent lorsque vous téléchargez une image dans la médiathèque. WordPress a trois tailles par défaut, votre thème pourrait en avoir beaucoup plus. Cette fonction garantit que vos images s'affichent bien dans tous les modules, quelle que soit la mise en page. Une chose importante à retenir à propos des vignettes sur WordPress est que si une image est plus petite que la taille définie pour une vignette, elle ne sera pas générée. De plus, si l'image est de mauvaise qualité, toutes les vignettes générées seront également de mauvaise qualité.

N'oubliez jamais de télécharger des images haute définition optimisées.

Les vignettes sont généralement recadrées pour s'adapter à leur plus petite taille, mais les petites images ne sont pas étirées pour générer des vignettes plus grandes.

Que fait le plugin Image Regenerate & Select Crop ?

L'objectif principal de ce plugin est de régénérer les vignettes et de recadrer les images pour les vignettes. Cela peut être nécessaire après un changement de thème. Aussi si vous souhaitez modifier les tailles de vignettes par défaut ou créer une nouvelle taille d'image personnalisée. Lorsque vous créez une nouvelle taille d'image personnalisée, elle ne s'appliquera qu'aux images que vous téléchargez après la modification. C'est là qu'intervient le besoin d'un régénérateur de vignettes.

Le plugin Image Regenerate & Select Crop est inséré de manière transparente dans les paramètres de votre bibliothèque multimédia. Pour y accéder, il vous suffit d'ouvrir une image et deux boutons apparaîtront au-dessus de l'image. L'un vous permettra de voir les détails de l'image et l'autre régénérera toutes les vignettes de cette image en un seul clic. Lorsque vous cliquez sur « détails de l'image », vous voyez une lightbox avec toutes les vignettes d'image pour cette image. Si l'image d'origine était trop petite pour une certaine vignette, cela vous le fera savoir. De plus, vous pouvez régénérer une vignette spécifique à partir de la lightbox. Lorsqu'une image doit être recadrée pour une taille de vignette, vous pouvez choisir de la recadrer pour un meilleur ajustement.

De plus, vous pouvez également régénérer toutes les vignettes de votre médiathèque en un clic depuis la fenêtre principale de la médiathèque.

Si vous cherchez à démarrer avec le plugin Image Regenerate & Select Crop, suivez le guide ci-dessous.

Comment utiliser le plugin Image Regenerate & Select Crop

La première chose que vous devez faire est de télécharger le plugin à partir du répertoire des plugins WordPress ou de le rechercher dans votre tableau de bord des plugins WordPress. Une fois téléchargé sur votre site, activez-le.

Tout d'abord, examinons ses actions par défaut dans la médiathèque. Les actions du plugin sont disponibles dans toutes les vues de la médiathèque, il vous suffit de suivre des étapes légèrement différentes.

En vue miniature

Cliquez sur n'importe quelle image pour l'ouvrir. Dans la fenêtre Détails de la pièce jointe, cliquez sur "plus de détails de modification" qui vous mènera à la fenêtre de modification.

Dans la fenêtre d'édition de média, les actions du plugin s'affichent sous la forme de deux boutons bleus au-dessus de l'image. L'un dit « détails de l'image » et l'autre, « régénérer ». De là, vous pouvez régénérer toutes les vignettes de cette image en un seul clic. Lorsque vous cliquez sur l'onglet natif « modifier l'image » pour redimensionner avec les commandes WordPress, les deux boutons bleus se trouvent également dans cette fenêtre.

En mode liste

Si vous utilisez la bibliothèque multimédia en mode liste, vous verrez deux boutons bleus nommés « régénérer » et « détails de l'image » à droite de chaque image. À partir de là, régénérez en un clic ou entrez dans la lightbox des détails de l'image.

La Lightbox des détails et des options de l'image

Lorsque vous cliquez sur le bouton bleu indiquant « détails de l'image » dans n'importe quel mode de bibliothèque multimédia, une lightbox s'ouvre. Il montre toutes les différentes vignettes pour cette image. À l'intérieur de la visionneuse, vous pouvez choisir de régénérer une taille de vignette au lieu de toutes. Si l'image a été mise à l'échelle, la barre de droite indique « image à l'échelle », de même si l'image a été recadrée, la barre de droite indique « recadrer l'image ».

Lorsque l'image d'origine n'avait pas la bonne taille pour générer une vignette, cela s'affiche également. Si le recadrage d'une vignette n'est pas optimal, vous pouvez modifier le recadrage en déplaçant le point bleu vers une autre zone de l'image pour un meilleur recadrage. Dans la capture d'écran ci-dessous, vous pouvez voir comment notre image carrée est recadrée en une vignette horizontale et une vignette verticale.

Paramètres avancés du plugin

Outre les paramètres disponibles dans la médiathèque, il existe également des paramètres avancés pratiques à l'intérieur du plugin lui-même. Accédez-y dans l'onglet Paramètres du plugin Image Regenerate & Select Crop. Dans les paramètres avancés, vous pouvez définir des paramètres d'espace réservé et globaux en dehors des options que j'ai mentionnées ci-dessus. Cela peut aider à apporter des modifications détaillées à la façon dont les images fonctionnent sur votre site.

Conclusion

Dans cet article, nous avons examiné le plugin Image Regenerate & Select Crop pour WordPress. Comme vous pouvez le voir, c'est assez pratique pour régénérer les vignettes après avoir créé des tailles d'images personnalisées ou changé de thème. Avec tous les outils disponibles dans le plugin, vous pouvez vous occuper de toutes les images de votre site, même pour les tailles réactives.

Avez-vous utilisé ce plugin pour régénérer les vignettes et recadrer les images sur WordPress ? Dites-nous vos pensées dans les commentaires.

Image en vedette via ivandivandelen / shutterstock.com