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 img
balise avec le srcset
présent:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
Voici à quoi img
ressemble la balise avec la medium
taille 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 srcset
disparaî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-size
n'est pas lu et qu'il est plutôt ajouté à la wp-post-image
place 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!
add_image_size ('my-custom-size', 1050, 0, false );
et pour l'explication, veuillez lire cette réponse wordpress.stackexchange.com/a/211405/18731Réponses:
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.
la source