Wordpress 自定义分类图像调整 ACF 大小

Question

我在 Wordpress 上创建了一个名为 products 的产品帖子类型，并使用高级自定义字段 (ACF) 使用名为“product_categories”的自定义分类我在分类中添加了一个图像字段，以便能够将图像添加到每个产品类别.下面是我正在做的查询。它工作正常，但是我想以自定义尺寸显示图像，因此它不会每次都加载巨大的 2000x3000 图像。这是我当前的代码：

<?php

$prodargs=array(  
    'hide_empty'        => 0,  
    'parent'        => 0,  
    'taxonomy'      => 'product_categories');  

    $prodcats=get_categories($prodargs);  

    foreach($prodcats as $pc){ 
        $termlink = get_term_link( $pc->slug, 'product_categories' ); 

?>

    <a class="single-library-cat" href="<?php echo $termlink; ?>">
        <img src="<?php the_field('taxonomy_image', 'product_categories_'.$pc->term_id); ?>" />
        <?php echo $pc->name; ?>
    </a>

<?php } ?>

我知道通过 ACF 我可以访问额外的图像数据，例如尺寸、宽度高度。只是不确定我会在我的正确代码中实现它。 https://www.advancedcustomfields.com/resources/image/

Answer 1

1) 在functions.php 中使用add_image_size 函数定义您的自定义大小并添加辅助方法

add_theme_support('post-thumbnails');
add_image_size( 'category', 250, 200, true );

function get_src_picture($id, $size)
{
    $thumb = wp_get_attachment_image_src($id, $size);
    return $thumb[0];
}

2) 将图像 acf 字段的“返回值”属性更改为“图像 ID”

3) 获取图片缩略图

  <img src="<?= get_src_picture(get_field('taxonomy_image', 'product_categories_'.$pc->term_id), 'category') ?>" />