Taille de l'image miniature ne fonctionne pas - html, css, wordpress, image, shortcode

Je crée un plugin testimonial où interroger les publications personnalisées dans un shortcode. Je dois créer une galerie de vignettes où les images seront réactives. Voici les codes en premier:

add_image_size("rwpt_thumb", 150, 150, true);

$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), "rwpt_thumb" );
$url = $thumb["0"];
$idd = get_the_ID();
$return_string .= "<li class="rwpt_".$idd.""><a href=" "><img src="/images/".$url."" alt="".$client." - ".$client_info."" /></a></li>";

Où le <li> width est 20% de son conteneur. Donc, si je reçois la taille de l’image recadrée 150 * 150 px, j’ai défini le CSS width:100%;height:auto; donc l'image est sensible. Mais je ne reçois pas la taille de la vignette 150 * 150.

Toute suggestion s'il vous plaît?

Réponses:

Un certain nombre de choses pourraient se produire:

• Votre image originale est inférieure à 150x150. WordPress n'augmentera pas vos images au-delà de leur taille d'origine.
• Vous essayez de redimensionner les images rétrospectivement. Si vous n'avez pas ajouté cette taille d'image avant de télécharger une image, vos images ne seront pas redimensionnées. Si vous voulez régénérer toutes vos vignettes il y a un plugin pour ça.
• Vous avez mentionné que le <li> est 20% du conteneur. Quelle est sa largeur en pixels? Si le problème est inférieur à 150, il y a votre problème. Si vous utilisez Chrome, vous pouvez inspecter l'élément (clic droit sur le bouton <li>) et vous obtiendrez la largeur en pixels, même si elle est définie en pourcentage.

Vérifiez également la taille réelle de la vignette. Si vous inspectez un élément sur l'image, vous devez voir deux tailles dans les outils de développement: sa taille à l'écran et sa taille d'origine. Si la taille d'origine est 150x150 alors vous savez que c’est un problème de style. Si ce n’est pas le cas, vous savez que c’est un problème de WordPress / config.