Wordpress中的ACF中继器不显示图像

时间:2016-10-26 19:26:59

标签: php wordpress custom-post-type advanced-custom-fields

我无法在Wordpress中使用转发器显示图像。 出于某种原因,它只显示alt文本而不是图像本身? example

上方图片是我的缩略图帖子并正确显示。 有谁知道造成这种情况的原因是什么?

我的代码

   <div class="row">
    <div class="col-sm-6 left"><h1>COMMERCIAL</h1><br>
       <div class="page-header">

        <?php $mymovies = new WP_Query(array(
          'post_type' => 'my_movies'
          )); ?>

          <?php while($mymovies->have_posts()) : $mymovies->the_post(); ?>
            <div class="movie-colums">
             <div class="thumbtitle group">
                <div class="preview">
                   <?php the_post_thumbnail('thumbnail'); ?>
                   <h1><?php the_title(); ?><br>
                      <?php the_field('year'); ?>   
                      <?php
                      // check if the repeater field has rows of data
                      if( have_rows('images_rep') ):
                        // loop through the rows of data
                        while ( have_rows('images_rep') ) : the_row();
                    // display a sub field value
                    the_sub_field('image');
                    endwhile;
                    else :
                       // no rows found
                        endif;
                    ?>                                  
                </h1>
            </div>

        </div>
    </div>
 <?php endwhile; ?>
</div>

提前致谢

1 个答案:

答案 0 :(得分:0)

转发器内容的PHP位应为:

<?php if( have_rows('images_rep') ): ?>

    <?php while( have_rows('images_rep') ): the_row(); 
        $image = get_sub_field('image');
    ?>

        <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>">

    <?php endwhile; ?>

<?php endif; ?>

看起来您的示例是输出图像对象,因此只需将图像URL包装在图像标记中即可。

参考:https://www.advancedcustomfields.com/resources/image/