the_post_thumbnail srcset responsive ne remplissant pas avec une taille d'image personnalisée


8

J'essaie d'utiliser la nouvelle fonctionnalité d'images réactives dans Wordpress 4.4 mais je continue de rencontrer 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 des tailles d'image personnalisées.

Le code suivant produira une imgbalise avec le srcsetprésent:

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

Voici à quoi imgressemble la balise avec la mediumtaille 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 j'apporte une modification pour utiliser ma taille d'image personnalisée, le srcsetdisparaît. Quelqu'un sait-il 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 génère, notez qu'il my-custom-sizen'est pas lu et qu'il est plutôt ajouté à la wp-post-imageplace de my-custom-size:

<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">

Veuillez m'aider à comprendre ce que je fais mal!


1
définissez le vôtre add_image_size ('my-custom-size', 1050, 0, false );et pour l'explication, veuillez lire cette réponse wordpress.stackexchange.com/a/211405/18731
Jevuska

Avez-vous testé avec une image fraîchement téléchargée? Votre nouvelle taille d'image ne sera appliquée que lorsque les images seront téléchargées. Vous pouvez régénérer des ensembles d'images pour vos images existantes à l'aide d'un plugin comme Regenerate Thumbnails.
Andy Macaulay-Brook

1
@Jevuska qui ne recadrera pas durement l'image aux dimensions souhaitées par le questionneur.
Andy Macaulay-Brook

1
Ma réponse a-t-elle aidé du tout? Cette question est-elle toujours d'actualité?
Andy Macaulay-Brook

Réponses:


4

Il n'y a pas assez d'informations pour être sûr que cette réponse est définitive, mais voici une tentative.

Assurez-vous d'abord que l'image que vous téléchargez est réellement 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 avec le même rapport d'aspect. Si votre taille personnalisée avait un rapport hauteur / largeur différent des autres tailles d'image, vous pouvez créer une sélection de nouvelles tailles avec des proportions qui correspondent.

Troisièmement, après avoir modifié ou ajouté de nouvelles tailles d'image, vous devez toujours régénérer les miniatures existantes. Il existe un excellent plugin appelé Regenerate Thumbnails pour cela.


1
N'hésitez pas à voter si cela a aidé :-)
Andy Macaulay-Brook
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.