wordpress高级自定义字段插件显示破碎的图像？

Question

我正在使用wordpress acf plugin来显示一些带有描述和一些文字的自定义图像。首先，我刚刚制作了acf plugin这样的文件并将页面分配给带有条件标签Location-> Rules-> Page->is equal to-> Home的主页 现在当我让content-page.php显示像这样的图像代码时

<?php
if( get_field('image') ):
    ?><img src="<?php the_field('image'); ?>" alt="" /><?php
endif;
?>

我只得到一张破碎的图片。萤火虫正在显示像这样的图像源 请帮我解决这个问题。我已经浪费了一天的时间了。所以任何帮助和建议都会非常明显。感谢

以下是我的自定义字段设置的屏幕截图

这是显示图像源

的firebug html代码

Answer 1

也有这个问题。这就是我想出的作品：

<?php if (get_field('staff_photo')) { 
    $imgarray = get_field( 'staff_photo' );
?>
    <img src="<?php echo $imgarray['url'] ; ?>" alt="" class="staff-photo" />
<?php } ?>

所以，我所做的是将get_field（'field_name'）数组放入一个变量中，然后拿出一个WAG，键是'url'，就是这样。似乎ACF人员需要更新他们的文档。

Answer 2

哈！发现了另一种方式 - 这样你可以选择一个尺寸：

<?php
if ( get_field('staff_photo') ) { 
   $imgarray = get_field( 'staff_photo' );
   $size = "thumbnail"; // (thumbnail, medium, large, full or custom size)
   echo wp_get_attachment_image( $imgarray['id'], $size );
}
?>

要使wp_get_attachemnt_image起作用，你必须提取关键所在的图像ID，ta-da！ 'ID'。