Tailles d’images WordPress

Gérer les images dans WordPress peut être un défi. Si vous ne payez pas assez aux exigences, vous risquez d’avoir une apparence de site Web désordonnée ou cela pourrait même avoir un impact sur le temps de chargement. Par conséquent, vous devez en savoir plus sur les tailles d’image WordPress par défaut et comment les modifier. Détendez-vous, prenez votre café, et faisons cela!

Comment WordPress Traite-t-Il Les Images ?

Une fois que vous téléchargez une image dans votre médiathèque, WordPress générera automatiquement des images supplémentaires avec 3 tailles d’image par défaut et les stockera séparément. Par conséquent, vous verrez 4 options d’image lorsque vous téléchargez une image. Ce sont les options miniature, moyenne, grande et pleine grandeur. Les trois premières options sont appelées tailles d’images WordPress par défaut, tandis que l’option pleine grandeur correspond à la taille d’image d’origine que vous téléchargez.

WordPress crée ces options car l’utilisation d’emplacements différents pour placer des images nécessitera une résolution d’image différente. Par exemple, la résolution de l’image dans la vignette peut être différente de la résolution de l’image utilisée dans le curseur. Par conséquent, vous n’avez pas besoin de modifier et de redimensionner vos images manuellement si vous souhaitez utiliser les mêmes images à des endroits différents avec des résolutions différentes. Une seule image est nécessaire et WordPress fera le reste.

Quelles sont les tailles d’images WordPress par défaut?

Par défaut, WordPress est livré avec trois tailles d’image préemballées. Elles le sont:

Comment changer la taille d’image WordPress par défaut

Bien que WordPress vous donne déjà 3 tailles d’image par défaut si vous décidez que ces choix ne répondent pas à vos besoins, il existe des alternatives. Peut-être avez-vous besoin de vignettes plus petites ou d’images plus larges. Par conséquent, vous devez modifier les tailles d’image WordPress par défaut. Pour ce faire, vous pouvez suivre les étapes ci-dessous:

1. Accédez à votre tableau de bord d’administration
2. Placez le curseur sur Setting- > Media
3. Dans la fenêtre Paramètres des médias, vous pouvez ajuster les pixels souhaités pour chaque taille
4. Appuyez sur le bouton Enregistrer les modifications pour enregistrer le paramètre.

Comment ajouter votre taille d’image WordPress personnalisée

Vous avez donc les 3 tailles d’image par défaut. Supposons que vous ayez une image de taille de vignette pour votre vignette, une image de taille moyenne pour l’image de votre publication et une image de grande taille pour votre curseur. Mais, vous vous rendez compte que vous avez besoin de plus de tailles d’image par défaut pour votre bannière pop-up et vos widgets. Pouvez-vous ajouter des tailles d’image WordPress personnalisées? Oui, tu peux.

Étape 1. Ajout d’une taille d’image WordPress personnalisée en modifiant la fonction.fichier php

En fait, certains thèmes vous donnent des options de taille d’image supplémentaires. Mais, si vous ne les trouvez pas, ajoutons notre propre taille d’image WordPress personnalisée.

1. Accédez à votre tableau de bord d’administration
2. Placez votre pointeur sur l’apparence – > Éditeur
3. Modifiez les fonctions.fichier php
4. Copiez le script ci-dessous et collez-le dans le fichier

   add_theme_support( 'pop-up-banner' );

5. Appuyez sur le bouton Mettre à jour le fichier.

Le script ci-dessus activera la fonction add_image_size(). Si cette fonction est déjà active, vous pouvez ajouter de nouvelles images WordPress telles que les suivantes:

add_image_size( 'pop-up banner size', 1000, 590 );add_image_size( 'widget size', 220, 180 );

Dans ces exemples, vous devez donner le nom de taille supplémentaire « Taille de la bannière contextuelle » et « Taille du widget ». »Les deux chiffres qui suivent le nom de la taille représentent la largeur et la hauteur.

Étape 2. Affichez les tailles personnalisées dans votre thème

Vous avez ajouté avec succès les nouvelles tailles d’image. Mais, il n’a pas été affiché dans votre thème. Maintenant, vous devez activer les nouvelles tailles dans votre thème.

Tout d’abord, faites une sauvegarde de votre site avant d’apporter des modifications. Accédez à votre fichier de thème dans la boucle post et modifiez-le. Ensuite, collez ce code;

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

Vous devez changer la taille de votre image spécifiée avec le nom que vous avez défini à l’étape précédente. Par exemple, vous pouvez le changer en « taille de bannière pop-up ». Après avoir suivi ces étapes, vous pouvez trouver des options de taille d’image de bannière contextuelle lorsque vous téléchargez des images dans votre bibliothèque multimédia.

Plugins utiles

Vous avez défini une nouvelle taille d’image personnalisée dans WordPress. Mais, ce changement n’affectera pas vos images précédentes. Vous devez donc régénérer vos tailles d’image précédentes.

Heureusement, vous n’avez pas besoin de le faire un par un manuellement. Il existe un plugin nommé Regenerate Thumbnails qui vous aidera à mettre à jour la taille de votre image précédente. Suivez les étapes ci-dessous pour ce faire.

1. Accédez à votre tableau de bord d’administration
2. Cliquez sur Plugins – > Ajouter un nouveau
3. Tapez Régénérer les vignettes dans la barre de recherche.
4. Installez et activez le plugin
5. Maintenant, allez dans Outils – > Régénérer les vignettes
6. Cliquez sur le Bouton Régénérer les Vignettes Pour X Pièces jointes
7. Maintenant, toutes vos images précédemment téléchargées seront régénérées dans de nouveaux paramètres d’image.

Conclusion

Les tailles d’image WordPress ressemblent à une chose triviale, mais en fait, peuvent vous donner mal à la tête. Parfois, vous constaterez que l’image que vous téléchargez ne remplit pas la taille d’image souhaitée. Pour résoudre ce problème, vous pouvez essayer deux méthodes. Vous pouvez modifier les tailles d’image WordPress par défaut ou ajouter des tailles d’image personnalisées. Avant de configurer la nouvelle taille d’image, n’oubliez pas que le téléchargement d’images volumineuses avec une haute résolution n’est pas une bonne idée. Les images de grande taille prendront beaucoup de place et ralentiront le temps de chargement de vos sites. Nous espérons que cet article vous aidera à choisir les bonnes images, au bon endroit, avec les bonnes tailles. À plus !