ACF中继器现场自定义图像大小输出

时间:2014-08-18 14:24:42

标签: wordpress image foreach repeater advanced-custom-fields

我试图在我的代码中输出自定义图像尺寸:

                <?php if(get_field('repeater-field-name')) { ?>
                    <?php foreach (get_field('repeater-field-name') as $row) :?>
                        <div class="item" onclick="location.href='<?php print $row['link'] ?>';" style="cursor: pointer;">
                            <div class="sisseviskaja-title"><h2><?php print $row['title'] ?></h2></div>
                            <div class="sisseviskaja-pilt"><img src="<?php print $row['image'] ?>" alt="" /></div>
                        </div>

                    <?php endforeach; ?>
                <?php } ?> 

我已经尝试了ACF教程代码,但我想保留我拥有的foreach循环。我不是PHP大师,所以我没有任何好的想法来实现它。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

以下是使用ACF代码的方法。这是为图像使用数组(如果要拉出尺寸,则需要执行此操作)。我不确定它是否可以按照你想要的方式完成。

<?php if (have_rows('project_listings')){ ?>
    <?php while (have_rows('project_listings')){ the_row();
        $link = get_sub_field('link_field');
        $title = get_sub_field('title_field');
        $image = get_sub_field('image');
        //additional vars
        $size = 'full';
        $width = $image['sizes'][ $size . '-width' ];
        $height = $image['sizes'][ $size . '-height' ];
                    ?>
    <div class="item" onclick="location.href='<?php echo $link ?>';" style="cursor: pointer;">
        <div class="sisseviskaja-title">
            <h2><?php echo $title ?></h2>
        </div>
        <div class="sisseviskaja-pilt">
            <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>"/>
        </div>
    </div>            
    <?php }; ?>          
<?php }; ?>

答案 1 :(得分:0)

我这样做:

<?php if( have_rows('field-name') ): ?>
    <?php while( have_rows('field-name') ): the_row();  ?>
        <?php 
            $image = get_sub_field('picture');
            $size = 'thumbnail'; // (thumbnail, medium, large, full or custom size)
            if( $image ) {
            echo wp_get_attachment_image( $image, $size );
            } 
        ?>
    <?php endwhile; ?>
<?php endif; ?>