我在我的网站上使用ACF插件。 我想在一个页面上显示来自子页面的转发器字段的第一行(图像URL)。
这是我网站上的页面(所有图片都已加载,但只显示第一张图片,但我只想加载第一张图片)
http://www.amsbooking.fr/mattieumoreau/artists/
这是我页面上显示所有图像的代码:
<?php
$args = array(
'post_type' => 'page',
'post_parent' => $post->ID,
'order' => 'ASC',
'orderby' => 'menu_order'
);
$parent = new WP_Query( $args );
if ( $parent->have_posts() ) : ?>
<?php while ( $parent->have_posts() ) : $parent->the_post(); ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<div class="cartouche_menu_artistes">
<div id="parent-<?php the_ID(); ?>" class="parent-page">
<div class="cartouche_crop">
<?php while(has_sub_field('photos_presse')): ?> // my repeater field
<img src="<?php the_sub_field('photo'); ?>" class="artists_menu"> // my sub-field, the one I want to get the first row
<?php endwhile; ?>
</div>
<div class="bandeau"></div>
<h1><?php the_title(); ?></h1>
<div class="bandeau"></div>
</div>
</div>
<?php endwhile; ?>
</a>
<?php endif; wp_reset_query(); ?>
是照片的网址,而不是照片本身...这就是为什么我无法获得第一行的原因,但我希望保持这种方式。
我在网上发现了这个,但我无法适应我的情况:
<?php
$rows = get_field('repeater_field_name' ); // get all the rows
$first_row = $rows[0]; // get the first row
$first_row_image = $first_row['sub_field_name' ]; // get the sub field value
// Note
// $first_row_image = 123 (image ID)
$image = wp_get_attachment_image_src( $first_row_image, 'full' );
// url = $image[0];
// width = $image[1];
// height = $image[2];
?>
<img src="<?php echo $image[0]; ?>" />
这是一个带有我的代码的JSfiddle:
任何人都可以帮我这个吗?
非常感谢你的帮助,
答案 0 :(得分:3)
@mmdwc几乎是对的。由于转发器是嵌套字段,因此get_field
在尝试检索子字段时不会检索任何内容。
<?php
$rows = get_sub_field('repeater_field_name' ); // get all the rows of the sub field repeater
$first_row = $rows[0]; // get the first row of the repeater
$first_row_image = $first_row['sub_field_name' ]; // get the sub field value of the nested repeater
?>
答案 1 :(得分:2)
我刚刚添加了一个简单的布尔值,在检索图像时将其设置为false。然后我在布尔值中添加while
循环的条件,以便在完成一个图像后,while循环将失败并继续前进!
<?php
$first_img = true;
while($first_img && has_sub_field('photos_presse')): ?> // my repeater field
<img src="<?php the_sub_field('photo'); ?>" class="artists_menu">
<?php $first_img = false; ?>
<?php endwhile; ?>
希望这有帮助!