Avez-vous déjà changé de thème WordPress, pour découvrir que vos images miniatures sont maintenant déformées ?

Si vous avez, ne vous inquiétez pas. Ce n'est pas inhabituel, aussi frustrant que cela puisse être.

Souvent, lorsque vous modifiez votre thème WordPress, les images miniatures qui s'affichent à côté des extraits de votre article de blog sont téléchargées dans les mauvaises dimensions. En effet, les thèmes qui ont des ratios et des dimensions d'image différents pour vos images miniatures par rapport à votre thème précédent seront téléchargés de manière incorrecte. Le résultat final – des images miniatures qui s'affichent de manière inexacte pour les visiteurs de votre site Web.

Plus encore, parfois lorsque vous naviguez vers Réglages > Médias pour résoudre le problème en modifiant les dimensions existantes, le problème n'est pas résolu.

Alors qu'est-ce que tu dois faire ?

Eh bien, j'ai une solution pour vous. Aujourd'hui, nous allons voir comment vous pouvez régénérer la taille des images miniatures sur votre site Web WordPress afin que les images de votre site Web ne s'affichent plus déformées.

Un aperçu des images miniatures WordPress

Par défaut, lorsque vous téléchargez une image sur votre site Web WordPress, il crée automatiquement des images de différentes tailles et les enregistre pour une utilisation ultérieure. En fait, le paramètre par défaut de vos vignettes WordPress est de 150 pixels sur 150 pixels, ce qui correspond à un carré. Plus encore, vous pouvez choisir entre la taille moyenne par défaut, qui est de 600 pixels sur 600 pixels, et la grande, qui est de 1024 pixels sur 1024 pixels. Encore une fois, les deux dimensions de l'image sont carrées.

Ces dimensions d'image sont nécessaires pour afficher correctement les images sur votre site Web, quelle que soit leur taille réelle. De plus, ces tailles peuvent facilement être modifiées en accédant à Réglages > Médias.

regenerate-thumbnails-media-settings

Le problème est que la modification de vos paramètres multimédia ne fonctionne pas toujours lorsqu'il s'agit de l'affichage correct des images sur votre site Web. De plus, lorsque vous changez de thème, vos images seront souvent enregistrées dans des dimensions et des tailles nouvellement définies, très différentes des tailles de votre thème d'origine, pour les rendre appropriées lors de l'affichage à vos lecteurs.

Malheureusement, ces nouvelles tailles d'image ne s'appliquent qu'aux images téléchargées après avoir activé votre nouveau thème. Cela signifie que toutes les anciennes images que vous avez enregistrées dans votre base de données WordPress resteront mal dimensionnées et s'afficheront déformées sur le front-end de votre site.

Afin de résoudre le problème des images miniatures déformées, vous devez régénérer de nouvelles tailles pour toutes les images précédemment téléchargées.

Heureusement, c'est une solution facile en utilisant la version gratuite Régénérer les vignettes plugin trouvé dans le référentiel WordPress. L'avantage de ce plugin est que vous pouvez régénérer les vignettes pour tous les téléchargements d'images, les téléchargements d'images individuelles ou les téléchargements d'images en masse spécifiques.

Comment régénérer les images miniatures dans WordPress

Jetons un coup d'œil aux étapes requises pour régénérer de nouvelles tailles d'images miniatures sur votre site Web WordPress à l'aide de Regenerate Thumbnails.

régénérer-les-miniatures-du-plugin-wordpress

Étape 1 : Installation et activation

Naviguez d'abord vers Plugins > Ajouter nouveau dans votre tableau de bord WordPress.

régénérer-les-miniatures-installation-et-activation

Recherchez Régénérer les vignettes, puis cliquez sur Installer maintenant et Activer pour que ce plugin fonctionne sur votre site Web.

Étape 2 : Régénérez vos images miniatures

Ensuite, accédez à Outils > Régén. Vignettes dans votre tableau de bord WordPress pour commencer le processus de régénération.

régénérer-les-miniatures-pour-commencer

Après avoir cliqué sur le Régén. Vignettes élément de menu, vous verrez un écran expliquant le but de ce plugin. De plus, vous verrez le Régénérer toutes les vignettes afin que vous puissiez modifier toutes vos anciennes tailles d'image pour qu'elles correspondent aux dimensions de votre nouveau thème.

régénérer-les-miniatures-régénérer-toutes-les-miniatures

Cliquez simplement sur le Régénérer toutes les vignettes et toutes vos images seront régénérées pour s'afficher correctement sur le front-end de votre site Web.

regenerate-thumbnails-regenerate-all-thumbnails-in-process

Au fur et à mesure que vos images se régénèrent, vous remarquerez une barre de progression, un bouton pour abandonner le processus de régénération et des informations de débogage telles que le nombre total d'images, les images redimensionnées et les échecs de redimensionnement. Cela peut prendre un certain temps, surtout si vous avez beaucoup d'anciennes images à régénérer. Ils vous recommandent de rester patient et de laisser le plugin opérer sa magie.

Lorsque vous avez terminé, vous verrez un avis d'achèvement vous informant du nombre d'images qui ont été régénérées avec succès, ainsi que du nombre d'échecs. De plus, vous aurez la possibilité de réessayer le processus de régénération pour les images ayant échoué. Tout ce que vous avez à faire est de cliquer sur le lien disponible.

régénérer-les-miniatures-régénérer-toutes-les-miniatures-avis-d'achèvement

Notez que la régénération des vignettes n'est pas réversible avec ce plugin. Une fois que toutes les dimensions de votre image ont été modifiées, il n'y a pas de retour en arrière. Cependant, le développeur du plugin suggère une solution de contournement.

Si vous décidez que vous ne voulez pas que vos images soient régénérées après tout, remettez simplement les dimensions des vignettes à leurs anciennes valeurs et cliquez sur le bouton Régénérer toutes les vignettes bouton à nouveau.

Étape 3 : Régénérer des images spécifiques

Si vous préférez régénérer des images spécifiques plutôt que toutes, Regenerate Thumbnails a une solution pour vous.

Pour ce faire, accédez à Médias > Bibliothèque et assurez-vous que vous êtes dans la vue de liste. Ensuite, survolez l'image que vous souhaitez régénérer et cliquez sur Régénérer les vignettes.

régénérer-les-vignettes-régénérer-la-vignette-individuelle

Vous verrez alors le même écran qui se génère lors du changement de toutes vos images à la fois.

régénérer-les-miniatures-régénérer-l'avis-d'achèvement-des-miniatures-individuelles

Gardez à l'esprit que la régénération des tailles d'image de votre site Web pour qu'elles correspondent aux exigences de votre nouveau thème n'affecte pas votre téléchargement d'image d'origine. En fait, il crée uniquement des copies supplémentaires d'images dans les tailles d'image nouvellement définies pour un affichage correct sur le front-end de votre site Web.

De plus, il ne supprime pas vos tailles d'image précédemment créées. Cependant, si vous pensez que ces tailles d'image ne sont pas utiles sur votre site Web, vous êtes libre de les supprimer de votre médiathèque pour économiser sur les ressources du serveur.

Dernières pensées

En fin de compte, l'affichage d'images incohérentes ou carrément déformées sur votre site Web WordPress vous donne non seulement l'impression d'être non professionnel pour les visiteurs du site, mais peut également entraîner certains problèmes techniques qui peuvent affecter l'expérience utilisateur des visiteurs du site de manière négative. Il est crucial de maintenir la cohérence en ce qui concerne les images miniatures de votre site Web. Et, souvent, la seule solution est de les régénérer tous pour qu'ils se ressemblent.

Si vous avez trouvé cet article, consultez notre article sur le choix d'un thème WordPress (le guide ultime).

Avez-vous déjà rencontré des problèmes avec l'affichage incorrect des images miniatures de votre site Web WordPress ? Si vous avez des questions ou des commentaires, veuillez nous en informer dans les commentaires ci-dessous!