如何显示wordpress ACF插件自定义图像场图像

Question

我使用ACF插件添加自定义帖子元框图像字段。我的自定义图片字段名称为 homepage_full_width 。

如何使用此自定义字段图像显示缩略图后图像。

感谢。

Answer 1

您可以使用图像ID作为ACF自定义图像字段的返回类型，然后您可以使用wp_get_attachment_image()功能生成图像HTML。

$image = get_field('homepage_full_width');
$size = 'thumbnail'; // (thumbnail, medium, large, full or custom size)

if( $image ) {

    echo wp_get_attachment_image( $image, $size );

}

<强>更新

使用图片对象作为返回类型，然后尝试

<?php 
$imageBg = get_field('homepage_full_width'); 
$bg = $imageBg ? $imageBg['url'] : ''; 
?>
<div class="zl-homefullwidth-img parallax_bg skrollable skrollable-between" style="transform: translate3d(0px, 0.382158%, 0px);background-image: url(<?php echo $bg; ?>)"></div>

Answer 2

你可以用两种方式做到：

1. 你可以在你想要的主题php文件中使用get_field('homepage_full_width')，你可以看到它的文档here

2. 您可以使用和短代码来显示它：[acf field="homepage_full_width"]

您可以阅读短代码here

的文档