9  1
Images ACF avec un custom size images WordPress

Nous allons dans le tutoriel d’aujourd’hui, développer une petite fonctionnalité pour afficher des images avec une taille personnalisée qui est déjà paramétrée dans nos fonctions avec le add_image_size.

Donc on doit par exemple vérifier si notre add_image_size est présente dans nos fonctions comme dans l’exemple ci-dessous.

1
2
3
4
add_action( 'after_setup_theme', 'siteweb_theme_setup' );
function siteweb_theme_setup() {
	add_image_size( 'similaires', 460, 340, true );
}

Ensuite nous allons afficher notre sub field repeater ACF. Dans notre exemple de travail, il y a un sub field image ou on va lui donner l’argument de notre taille d’image personnalisé.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php 
/// On appelle et on conditionne le field parent reapeater qui contient les sub field 
if(get_field('produits-similaire')) : while(the_repeater_field('produits-similaire')) : 
// On appelle le sub field image et on lui donne une url qui contient l'argument d'afficher notre taille personnalisée.
$image = get_sub_field('image-produits-similaires'); 
$image_url = $image['sizes']['similaires'];
?>
<div class="eight columns nomargin prodimg">
<a href="<?php the_sub_field('lien-produits-similaire'); ?>"> 
<img src="<?php echo $image_url; ?>" alt="<?php the_sub_field('titre-produits-similaire'); ?>">
<h2 style="text-align:center"><?php the_sub_field('titre-produits-similaire'); ?></h2>
</a>
</div>
<?php endwhile; endif; ?>

NB : Faire une sauvegarde de votre thème et votre base de données avant d’ajouter ces fonctions tutoriels.