Thumbnail e immagini: evitare il ritaglio dell’immagine anteprima post

Buongiorno,

sto sviluppando in locale da zero un sito portfolio.

Sto riscontrando difficoltà nell’evitare il ritaglio delle immagini/thumbnails nelle anteprime dei contenuti di una sezione contenente articoli.

Quello che vorrei ottenere è un box con dimensione fissa dove all’interno le immagini si ridimensionano in maniera proporzionale all’interno del box senza ritagli.

Di seguito i codici da front-page.php(dove è contenuto il loop per i post), e la parte di functions.php riferita alle immagini e alle thumbnails.

<div class="col-md-4">
   <a href="<?php the_permalink(); ?>" class="card mx-5 mb-6">
      <?php the_post_thumbnail('at_single', array( 'class' => 'card-img-top img-fluid', 'alt' => get_the_title() ))?>
      <div class="card-body card-img-overlay">
          <h2 class="card-title px-6"><?php the_title(); ?></h2>
      </div>
   </a>
</div>

—————————————————————————————

// enable featured image
add_theme_support(“post-thumbnails”);

// create custom size images
add_image_size(‘at_big’, 900, 9999, false );
add_image_size(‘at_quad’, 600, 600, true);
add_image_size(‘at_single’, 500, 700, false);

—————————————————————————————

Grazie davvero a chi potrà aiutarmi, è l’ultimo step per concludere il mio primo sito creato da zero e sviluppato su WordPress.

Saluti
Carlo

• Questo topic è stato modificato 5 anni, 6 mesi fa da CarlVarsh.

La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]