{"id":4203,"date":"2020-02-26T12:52:30","date_gmt":"2020-02-26T17:52:30","guid":{"rendered":"https:\/\/themespress.ca\/?p=4203"},"modified":"2021-11-18T06:40:26","modified_gmt":"2021-11-18T11:40:26","slug":"using-custom-sizes-on-images-with-acf-images","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/using-custom-sizes-on-images-with-acf-images\/","title":{"rendered":"Using Custom Sizes on Images with ACF Images"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

This tutorial will show you how to create a function that will allow you to display images with custom dimensions with add_image_size<\/a>.<\/p>\n

Most importantly, we need to confirm that add_image_size is available in our functions as demonstrated below.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

add_action( 'after_setup_theme', 'siteweb_theme_setup' );\nfunction siteweb_theme_setup() {\n\tadd_image_size( 'similaires', 460, 340, true );\n}<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
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\u00e9.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
<?php \n\/\/\/ On appelle et on conditionne le field parent reapeater qui contient les sub field \nif(get_field('produits-similaire')) : while(the_repeater_field('produits-similaire')) : \n\/\/ On appelle le sub field image et on lui donne une url qui contient l'argument d'afficher notre taille personnalisée.\n$image = get_sub_field('image-produits-similaires'); \n$image_url = $image['sizes']['similaires'];\n?>\n<div class="eight columns nomargin prodimg">\n<a href="<?php the_sub_field('lien-produits-similaire'); ?>"> \n<img src="<?php echo $image_url; ?>" alt="<?php the_sub_field('titre-produits-similaire'); ?>">\n<h2 style="text-align:center"><?php the_sub_field('titre-produits-similaire'); ?><\/h2>\n<\/a>\n<\/div>\n<?php endwhile; endif; ?><\/pre><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"This tutorial will show you how to create a function that will allow you to display images with custom dimensions with add_image_size. Most importantly, we need to confirm that add_image_size
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":4937,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[],"class_list":["post-4203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/4203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=4203"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/4203\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/4937"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=4203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=4203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=4203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}