WordPress : Dimensionnement personnalisé de l’image en vedette ?

Publié par Jean-Michel le

Je rencontre des problèmes lors de la personnalisation de la taille des vignettes pour les images sélectionnées.

Tentative d’enregistrement d’une taille d’image personnalisée de 860×364, qui serait utilisée sur une page de publication de blog elle-même, ainsi que sur la liste des articles de blog. Je ne veux pas remplacer la vignette, car je l’utilise dans d’autres domaines.

Code:

if ( function_exists( 'add_theme_support' ) ) {
  add_theme_support( 'post-thumbnails' );
  set_post_thumbnail_size( 860, 364, true ); 
  add_image_size( 'featured-thumb', 860, 364, true ); // 300 pixels wide (and unlimited height)
}

Dans ma page de publication de blog unique, appelant l’image :

<a href="<?php $src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full', false ); echo esc_url( $src[0] ); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('featured-thumb'); ?></a>

Ne semble rien changer, qu’est-ce que je fais de mal ici. Des choses étranges avec WPRocket insérant des balises d’image ?

HTML :

<a href="http....o.png" title="test">
  <picture class="attachment-featured-thumb size-featured-thumb wp-post-image">
   <source type="image/webp" srcset="https://...ogo.png.webp 900w, https://...167.png.webp 300w" sizes="(max-width: 900px) 100vw, 900px">
   <img width="900" height="500" src="https://...ogo.png" alt="Test" srcset="https://...go.png 900w, https://...167.png 300w" sizes="(max-width: 900px) 100vw, 900px">
  </picture>
 </a>

Solution n°1 trouvée

Une fois que vous avez créé une taille personnalisée pour l’image, vous devez régénérer cette image en vedette avec le plugin s’il y en a plusieurs et s’il n’y en a qu’un, puis supprimez cette image et téléchargez-la à nouveau, de sorte que vous ayez une image recadrée à l’avant.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *