Comment changer la taille des vignettes dans WordPress et pourquoi vous le souhaitez

Lorsque vous configurez un nouveau site Web WordPress, la plate-forme vous propose trois tailles d'image pour jouer : miniature , moyenne et grande (plus la résolution d'origine du fichier). Cela vous donne un grand nombre d'options avec lesquelles travailler. Cependant, les vignettes en particulier peuvent être difficiles à utiliser, car vous devez vous assurer qu'elles s'affichent bien sur tous les thèmes et appareils.

Heureusement, changer la taille de la vignette de vos images dans WordPress ne prend qu'une minute ou deux. Pendant que vous y êtes, vous pouvez également ajouter de nouvelles tailles d'image par défaut à votre site Web, pour encore plus de choix. Dans cet article, nous allons vous apprendre à faire les deux, alors mettons-nous au travail !

Abonnez-vous à notre chaîne Youtube

Comment changer la taille de vos vignettes dans WordPress

Changer la taille des vignettes dans WordPress est remarquablement facile. Voici les étapes que vous devrez suivre, que nous approfondirons sous peu :

1. Accédez à votre tableau de bord WordPress.
2. Accédez à l'onglet Paramètres > Média .
3. Recherchez la section Tailles des images > Taille des vignettes .
4. Modifiez la largeur et la hauteur par défaut de vos vignettes en pixels.

C'est à peu près tout. Regardons de plus près la section Tailles des images > Vignettes , cependant :

Comme vous pouvez le voir, les tailles de vignettes par défaut donnent une image proportionnelle et carrée. À 150×150 pixels, voici ce que vous devriez regarder :

Cette image utilise ce qu'on appelle un « recadrage dur », puisque nous avons activé le paramètre Recadrer la vignette aux dimensions exactes . Cela signifie que WordPress prendra la taille de vignette que vous avez définie, "remplira" la zone avec l'image que vous utilisez et laissera le reste de l'image désactivé. Un « recadrage doux », en revanche, est un redimensionnement qui réduit vos images tout en conservant leurs proportions.

Pour l'instant, allez-y et choisissez votre nouvelle taille de vignette par défaut. Ensuite, n'oubliez pas d'enregistrer les modifications apportées à vos paramètres.

Une fois que vous avez défini une nouvelle taille de vignette par défaut, WordPress l'utilisera pour toutes les images que vous téléchargez à partir de ce moment. Cependant, que se passe-t-il si vous disposez déjà d'une bibliothèque multimédia importante qui utilise d'autres tailles de vignettes ?

Au lieu de télécharger à nouveau ces images, vous pouvez simplement les « redimensionner ». Le meilleur outil pour ce travail est le plugin AJAX Thumbnail Rebuild :

Ce que fait ce plugin est de prendre toutes vos vignettes existantes et de les redimensionner, une par une. Il fonctionne également sur les autres tailles d'image utilisées par WordPress, telles que Medium , Large , etc. Cela signifie que vous pouvez l'utiliser même si vous modifiez l'une de ces dimensions par défaut (ce que nous vous montrerons comment faire plus tard).

Pour commencer, installez et activez le plugin. Une fois que vous l'avez fait, accédez à l'onglet Paramètres> Reconstruire les vignettes et choisissez les images que vous souhaitez redimensionner, puis cliquez sur le bouton Reconstruire toutes les vignettes :

Le processus peut prendre un certain temps, selon le nombre d'images que contient votre médiathèque. Soyez donc patient et ne fermez pas l'onglet jusqu'à ce que le message Terminé s'affiche.

Pourquoi vous pourriez avoir besoin de changer la taille de votre vignette WordPress

À ce stade, nous avons déjà expliqué comment modifier la taille de votre vignette, mais nous n'avons pas encore expliqué pourquoi . La taille de vignette par défaut de WordPress de 150 × 150 pixels peut bien fonctionner pour certains utilisateurs, mais aucune résolution d'image unique n'est appropriée pour tous les types de conceptions.

Vous voudrez peut-être des vignettes plus grandes qui montrent plus de détails, par exemple. Ceci est particulièrement pertinent si vous exploitez une boutique de commerce électronique. Ou vous pouvez utiliser une forme plus rectangulaire, en particulier lorsqu'il s'agit d'images présentées pour un blog ou un site d'actualités.

Si vous reconcevez votre site Web ou essayez un nouveau thème, c'est aussi une bonne idée de passer du temps à expérimenter avec les tailles d'image, afin de voir ce qui fonctionne le mieux avec le nouveau style. De plus, le processus est si simple qu'il ne devrait vous prendre que quelques minutes, et cela n'affecte pas votre bibliothèque multimédia existante à moins que vous n'installiez le plugin supplémentaire que nous avons présenté ci-dessus.

Et si vous souhaitez ajouter des tailles d'image personnalisées à WordPress ?

Chaque fois que vous téléchargez une image sur WordPress, la plate-forme opère une magie en arrière-plan pour redimensionner cette image en plusieurs dimensions que vous pouvez utiliser. Comme nous l'avons mentionné précédemment, cela inclut les vignettes, les images moyennes et grandes. Avoir plusieurs tailles de la même image peut vous faciliter la vie, en vous permettant de choisir l'option qui correspond le mieux à vos besoins.

Vous pouvez modifier ces tailles d'image par défaut en utilisant le même processus que celui décrit ci-dessus. Cependant, vous pouvez également ajouter de nouvelles tailles par défaut à votre site. Cela peut être une option très utile à avoir. Vous pouvez configurer des tailles spécifiques pour tous les différents types d'images sur votre site et éviter d'avoir à redimensionner manuellement chaque nouvelle image.

Pour ajouter de nouvelles tailles d'image par défaut à WordPress, vous devrez modifier le fichier functions.php de votre thème. Cela signifie que vous devrez vous connecter à votre site à l'aide d'un client FTP (File Transfer Protocol) tel que FileZilla, puis accéder au dossier racine de votre site.

Une fois que vous y êtes, ouvrez le répertoire wp-content/themes et recherchez le dossier qui partage le nom de votre thème :

Vous devriez trouver le fichier functions.php dans ce dossier. Une fois que vous l'avez fait, cliquez dessus avec le bouton droit de la souris et appuyez sur l'option Afficher/Modifier . Cela ouvrira le fichier à l'aide de votre éditeur de texte local, vous pourrez donc y apporter des modifications :

Soyez très prudent lorsque vous apportez des modifications au fichier functions.php de votre thème et ne modifiez aucun de son contenu existant. Au lieu de cela, vous voudrez ajouter un nouvel extrait de code en bas :

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

Les commentaires dans ce code expliquent comment cela fonctionne assez bien. Tout d'abord, il indique à WordPress que vous souhaitez ajouter de nouvelles tailles d'image à votre thème. Ensuite, il crée une nouvelle option par défaut et l'enregistre afin qu'elle apparaisse dans l'éditeur la prochaine fois que vous l'ouvrez.

Examinons de plus près la nouvelle valeur par défaut que nous avons enregistrée :

add_image_size( 'post-image', 660 );

Lorsque vous ajoutez de nouvelles tailles d'image personnalisées, vous pouvez définir à la fois une largeur et une hauteur. Dans notre exemple, nous définissons simplement la largeur, qui est toujours la première valeur. Cela signifie que WordPress redimensionnera les images à la largeur souhaitée et à une hauteur proportionnelle.

Si vous souhaitez également ajouter une hauteur spécifique, votre ligne ressemblera plutôt à ceci :

add_image_size( 'post-image', 660, 480 );

N'hésitez pas à ajouter toutes les tailles personnalisées que vous souhaitez, en utilisant une nouvelle ligne pour chacune. Enregistrez ensuite les modifications dans votre fichier functions.php et les nouvelles options devraient apparaître dans votre éditeur WordPress.

Conclusion

L'un des meilleurs aspects de l'utilisation de WordPress est sa personnalisation. Il n'y a aucun aspect de la plate-forme - grand ou petit - que vous ne pouvez pas changer. Cela s'applique également à la taille des vignettes de WordPress et aux diverses autres options d'image par défaut.

Si vous souhaitez modifier la taille des vignettes WordPress par défaut, vous pouvez le faire en quatre étapes rapides :

1. Accédez à votre tableau de bord WordPress.
2. Accédez à l'onglet Paramètres > Média .
3. Recherchez la section Tailles des images > Taille des vignettes .
4. Modifiez la largeur et la hauteur par défaut de vos vignettes en pixels.

Vous avez des questions sur la taille des images WordPress ? Parlons-en dans la section commentaires ci-dessous!

Image miniature de l'article par ConceptVectorDesign / shutterstock.com