the_post_thumbnail réponse srcset non renseigné avec une taille d'image personnalisée

10

J'essaie d'utiliser la nouvelle fonction d'image réactive 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 puisse pas utiliser les tailles d'image personnalisées.

Le code suivant produira une balise img avec le srcset présent:

<?php the_post_thumbnail('medium',  array( 'class' => 'img-responsive' )); ?>

Voici à quoi ressemble la balise img avec la taille medium passée dans 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 une taille d’image personnalisée, le 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 à la place dans 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">

Aidez-moi à comprendre ce que je fais mal!

    
posée Moose 11.03.2016 - 23:37

1 réponse

4

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 bien 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 constituera uniquement une liste Srcset de tailles d’images avec le même rapport de format. 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é Régénérer les miniatures pour cela.

    
réponse donnée Andy Macaulay-Brook 20.07.2016 - 18:12

Lire d'autres questions sur les étiquettes