the_post_thumbnail responsive srcset non renseigné avec une taille d'image personnalisée
J'essaie d'utiliser la nouvelle fonctionnalité responsive images dans Wordpress 4.4, mais je rencontre toujours un problème particulier lorsque j'essaie d'utiliser the_post_thumbnail avec une taille d'image personnalisée. Il semble que je ne peux pas utiliser les tailles d'image personnalisées.
Le code suivant produira une balise img avec le présent srcset:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
Voici à quoi ressemble la balise img avec la taille medium transmise à la fonction:
<img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px">
Cependant, lorsque je modifie ma taille d’image personnalisée, la variable srcset disparaît. Est-ce que quelqu'un sait ce qui se passe ici?
Voici comment j'ai ajouté ma taille d'image personnalisée:
add_image_size ('my-custom-size', 1050, 626, true );
Voici à quoi cela ressemble dans le code:
<?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?>
Et voici ce qu’il affiche, notez que my-custom-size n’est pas en cours de lecture et qu’il ajoute plutôt wp-post-image au lieu de my-custom-size:
<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">
S'il vous plaît, aidez-moi à comprendre ce que je fais mal!
Il n'y a pas assez d'informations pour être sûr que cette réponse est définitive, mais voici une tentative.
Tout d’abord, assurez-vous que l’image que vous téléchargez est plus grande que la taille que vous avez définie. Je vois des gens télécharger des images trop petites et obtenir ce genre de résultat tout le temps.
Deuxièmement, WP ne constituera qu'une liste Srcset de tailles d'image ayant le même rapport d'aspect. Si votre format personnalisé avait un rapport hauteur/largeur différent de celui des autres tailles d'image, vous pouvez créer une sélection de nouvelles tailles avec des formats qui correspondent.
Troisièmement, après avoir modifié ou ajouté de nouvelles tailles d'image, vous devez toujours régénérer les vignettes existantes. Il existe un excellent plugin appeléRegenerate Thumbnailspour cela.