Je veux que mes vignettes sur une page particulière soient 300px
× 100px
, exactement. Actuellement, les images sont réduites jusqu'à ce qu'elles atteignent les 300 ou 100 pixels. Comment puis-je obtenir l'image pour recadrer à exactement 300 × 100 (de préférence sans distorsion de l'image).
// functions.php:
if ( function_exists( 'add_image_size' ) ) add_theme_support( 'post-thumbnails' );
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'post-thumb', 620, 207, true );
add_image_size( 'home-thumb', 220, 180, true );
add_image_size( 'index-thumb', 300, 100, true );
}
// index.php:
if ( has_post_thumbnail()) the_post_thumbnail('index-thumb');
Reportez-vous à theadd_image_size()
Entrée de codex :
<?php add_image_size( $name, $width, $height, $crop ); ?>
Le paramètre$crop
est la clé:
(booléen) (facultatif) Recadrer ou non l'image. False - Mode de rognage proportionnel progressif; True - Mode de rognage difficile.
Par défaut: false
C'est:
Ainsi, votre code devrait fonctionner:
// Add Theme support
add_theme_support( 'post-thumbnails' );
// Register custom image sizes
add_image_size( 'post-thumb', 620, 207, true );
add_image_size( 'home-thumb', 220, 180, true );
add_image_size( 'index-thumb', 300, 100, true );
Si vous constatez que vos images ne sont pas restituées/affichées correctement, il y a plusieurs choses à vérifier:
Jetez un oeil à ce plugin