En tant qu’organisme de formation, nous proposons des formations WordPress.
Nos diverses expériences sur le CMS WordPress nous ont fait utiliser de nombreuses extensions dont quelques-unes permettant de combler les quelques failles que possède WordPress.
Ici, nous allons vous expliquer pourquoi et comment régénérer les miniatures de vos images WordPress, car c’est un des principe de base à connaître afin d’avoir de meilleures performances sur son site web WordPress.
Pourquoi régénérer les miniatures WordPress ?
Tout d’abord, avant de savoir comment régénérer les miniatures de vos images WordPress, il est essentiel de comprendre comment les images et les tailles d’images sont traitées.
Il existe des réglages dans WordPress qui permettent de générer trois fichiers distincts d’une image. Ces trois fichiers sont la même image mais sous différentes dimensions.
Ils permettent à WordPress de pouvoir utiliser les bonnes dimensions d’une image au bon endroit afin d’éviter d’utiliser une image aux dimensions inutilement trop grande et impacter la performance de votre site.
Ces réglages se situent dans “Réglages” > “Média”.
Sachez également que les thèmes WordPress peuvent avoir des tailles d’images spécifiques qui s’ajoutent dans votre site WordPress.
Et lorsque vous décidez de changer de thème WordPress les réglages sont mis à jour en fonction de ce dernier.
Mais vos images téléchargées avant ce changement ne seront pas affectées par cette mise à jour et peuvent mal s’afficher dans votre site. Le problème est le même si vous entrez une nouvelle taille de miniature, ou encore si vous modifiez les dimensions d’une ou plusieurs images en passant par “Réglages” > “Médias” par exemple.
Il vous sera alors nécessaire de redimensionner toutes les images que vous avez déjà téléversé si vous avez changé de thème.
Si vous avez ajouté une nouvelle taille de miniature il faudra redimensionner les images concernées par cette nouvelle taille.
Et encore, si vous modifiez une ou plusieurs images sur les dimensions ou un simple recadrage vous devrez les redimensionner aussi.
Ainsi, pour remédier à ce problème, il faut régénérer les dimensions de chaque image déjà rentrées dans la médiathèque de votre site WordPress.
L’action de régénérer les images peut se faire rapidement avec un plugin WordPress et permet donc d’éviter des problèmes d’affichages de certaines images.
Dans cet article, nous allons voir deux extensions de régénération des miniatures de vos images WordPress.
Comment définir de nouvelles tailles de miniatures sur WordPress ?
Dans les réglages WordPress, on constate que trois tailles d’images sont disponibles : les miniatures, les grandes images et les moyennes images.
Les thèmes peuvent proposer 3 ou 4 tailles d’images différentes.
Vous pourrez donc potentiellement avoir besoin d’un format personnalisé.
Pour cela, voici la première option que vous pouvez utiliser.
Rendez-vous dans les dossiers et fichiers de votre site WordPress, et ajoutez (si cela n’est pas déjà fait) un fichier que vous nommerez “init-image-sizes.php” dans le thème WordPress que vous utilisez.
Une fois votre fichier créé, vous aurez à ajouter ces bouts de code :
// NEW image sizes ****************************************************************
function nom_de_votre_fonction() {
add_image_size('nom_de_votre_nouvelle_taille_d_image', largeur en px, hauteur en px, false);
}add_action('after_setup_theme', nom_de_votre_fonction);
Dans cette fonction, ajoutez toutes les tailles d’images que vous souhaitez.
Ensuite, il va falloir faire le lien entre cette nouvelle fonction et le fichier fonctions.php.Donc dans le fichier fonctions.php, ajoutez ceci :
// SHORTCODES ****************************************************************
include_once(get_template_directory() . '/init/init-image-sizes.php');
A la place de “/init/init-image-sizes.php” ajoutez bien-sûr votre propre chemin d’accès vers votre fichier “init-image-sizes”.
Et ainsi vous aurez ajouté manuellement une nouvelle taille de miniature.Pour afficher ces images dans votre thème, vous devrez seulement utiliser ce petit bout de code par exemple :
<?php the_post_thumbnail(‘nom_de_votre_nouvelle_taille_d_image’); ?>
Après avoir ajouté une nouvelle taille d’image, n’oubliez pas de régénérer les images à l’aide d’une des extensions WordPress que nous vous présentons dans cet article afin que cette nouvelle taille d’image s’applique bien dans votre site.
En revanche, si vous ne souhaitez pas créer de nouvelles tailles d’images comme précédemment, il est possible d’utiliser une extension.
Dans votre recherche vous aurez sans doute vu dans d’autres articles l’extension WordPress du nom de “Image Regenerate & Select Crop”. Elle permet, tout comme Regenerate Thumbnails et AJAX Thumbnail Rebuild dont nous parlerons un peu plus loin dans cet article, de régénérer toutes les images existantes de votre site WordPress pour qu’elles puissent correspondre à n’importe quelle taille d’image présente dans votre site. Mais aussi et surtout, ce plugin WordPress permet de créer de nouvelles tailles d’images.
Cependant, nous vous déconseillons d’installer cette extension WordPress car elle n’est pas du tout intuitive, peu pratique et elle n’a pas été testée sur la version 6 de WordPress.
Nous vous conseillons plutôt de télécharger une autre extension plus connue, beaucoup plus simple, plus sûre et efficace : le plugin WordPress Code Snippets.
Pour télécharger cette extension wordpress :
- rendez-vous dans votre back office WordPress, survolez l’onglet “Extensions” dans le menu latéral gauche puis cliquez sur “Ajoutez”.
- Dans la barre de recherche d’extensions, écrivez le nom de l’extension : “Code Snippets”.
Enfin, cliquez sur le bouton “Installer maintenant”, et à la fin de l’installation cliquez sur le bouton “Activer”.
Ensuite, pour ce qui concerne la création de nouvelles tailles d’images, c’est un peu comme précédemment. Seulement vous aurez juste à écrire les bouts de code dans “Code Snippets”; Ni plus ni moins. Pas de dossier à créer, vous ne pourrez pas non plus effacer malencontreusement du code indispensable à votre site WordPress, mais simplement écrire de simples lignes.
Nommez votre bout de code, puis dans l’onglet “Fonctions PHP”, écrivez le code suivant (bien-sûr adaptez en fonction de vos besoins) :
add_image_size('nom_de_la_nouvelle_taille_d_images', 877, 606, false);
Vous n’avez plus qu’à enregistrer et votre nouvelle taille d’image est ajoutée !
Comment régénérer les miniatures avec une extension ?
Afin de garantir que vos images soient toutes à la bonne taille souhaitée après un changement de dimensions, un ajout de taille de miniature ou encore un changement de thème WordPress, vous pouvez régénérer vos images grâce à une extension.
“Laquelle ?” me direz-vous !
Nous vous présentons deux plugins WordPress pouvant régénérer vos images : AJAX Thumbnail Rebuild et Regenerate Thumbnails.
Comment régénérer les miniatures avec le plugin AJAX Thumbnail Rebuild ?
L’extension WordPress AJAX Thumbnail Rebuild va donc vous permettre de régénérer les différentes tailles d’images de votre site WordPress.
En effet, à chaque fois que vous importez une image dans WordPress, ce dernier génère automatiquement trois tailles différentes de votre image (ou plus en fonction du thème WordPress que vous avez choisi). En plus de cela, votre thème WordPress peut créer lui aussi ses propres dimensions d’images.
Donc, quand vous changez de thème, de nouvelles dimensions d’images sont créées, et cela uniquement pour les futures nouvelles images ajoutées à votre site.
Pour les autres images, vous aurez besoin de les régénérer. C’est là qu’intervient AJAX Thumbnail Rebuild.
Pour l’installer, il vous suffit d’aller dans le back office de votre site WordPress, survoler l’onglet “Extensions” et cliquer sur “Ajouter”.
Dans la barre de recherche d’extensions, vous pouvez rechercher “Thumbnail Rebuild”, installez puis activez l’extension.
Après avoir activé l’extension, accédez à cette dernière en passant, dans le menu latéral de WordPress, par l’onglet “Outils” puis “Rebuild Thumbnails”.
Vous n’aurez plus qu’à sélectionner les formats que vous souhaitez régénérer puis cliquez sur le bouton “Rebuild All Thumbnails”.
Important : Sachez que si vous avez beaucoup de médias et que vous devez régénérer toutes les dimensions de tous vos médias, cela prendra du temps et des ressources serveur. Ainsi faites bien cela quand vous êtes sûr d’avoir du temps devant vous 🙂
Si vous faites votre site WordPress from scratch (c’est-à-dire si vous avez créé et utilisez votre propre thème WordPress), cette manipulation est à faire après avoir créé des tailles d’images personnalisées afin d’être sûrs qu’elles s’appliquent bien.
Si vous êtes en train de modifier une image (la redimensionner ou la recadrer, voir même les deux), vous avez la possibilité de demander au plugin AJAX Thumbnail Rebuild de régénérer seulement cette image via un bouton nommé “Rebuild Thumbnails” présent dans l’interface de modification de l’image.
Comment régénérer les miniatures avec le plugin Regenerate Thumbnails ?
Le plugin WordPress Regenerate Thumbnails permet, tout comme le plugin AJAX Thumbnail Rebuild, de régénérer les images de votre site WordPress. Cependant, Regenerate Thumbnails a une petite particularité : ce plugin WordPress vous permet de libérer plus d’espace sur votre serveur en supprimant les miniatures non utilisées.
L’installation de l’extension Regenerate Thumbnails se fait de la même manière que pour l’installation du plugin WordPress AJAX Thumbnail Rebuild.
Tout comme le plugin WordPress précédent, pour accéder à l’extension WordPress Regenerate Thumbnails, survolez l’onglet “Outils” dans le menu latéral gauche de WordPress puis cliquez sur “Régénérer les miniatures d’images”.
D’ici, vous avez simplement à choisir si vous souhaitez « Sauter la régénération des tailles de miniatures existantes et correctes » ou « Supprimer les fichiers de miniatures pour les tailles qui ne sont plus utilisées afin de libérer de l’espace serveur« .
Quand vous aurez fait votre choix, il ne vous restera plus qu’à cliquer sur le bouton “Régénérer les miniatures”.
Important : Sachez que si vous avez beaucoup de médias et que vous devez régénérer toutes les dimensions de tous vos médias, cela prendra du temps et des ressources serveur, ainsi faites bien cela quand vous êtes sûr d’avoir du temps devant vous 🙂
Vous savez désormais comment fonctionnent les deux extensions WordPress que nous vous avons présentées : AJAX Thumbnail Rebuild et Regenerate Thumbnails.
Ces deux extensions régénèrent les images de votre site WordPress, seulement le plugin Regenerate Thumbnails permet en plus d’effacer les miniatures inutilisées afin d’améliorer les performances de votre site.
Le choix entre ces deux extensions est le vôtre.
C’est sur ces mots que se termine cet article.
Nous espérons que cet article sur la régénération des miniatures sur WordPress vous aura aidé.
Si vous ressentez que vous avez besoin d’approfondir vos connaissances sur WordPress, ou si vous faites face à une problématique spécifique, n’hésitez pas à nous contacter. Nous vous répondrons dans les meilleurs délais.
Nous vous souhaitons une bonne navigation !