图像没有出现在acf wordpress插件的前端

时间:2014-06-10 12:09:22

标签: wordpress image advanced-custom-fields

我使用acf插件在我的帖子中添加自定义字段。我必须将3张图片作为自定义字段上传到帖子中。当我将它们作为文本字段并将其网址粘贴到自定义文本字段时工作正常,出现在我的前端。

以下是代码:

<?php $image1=get_post_meta($post->ID, 'image1', true); ?>
<?php $image2=get_post_meta($post->ID, 'image2', true); ?>
<?php $image3=get_post_meta($post->ID, 'image3', true); ?>
<ul class="slides">
  <li style="list-style:outside none;"><img src="<?php echo $image1; ?>" /></li>
  <li style="list-style:outside none;"><img src="<?php echo $image2; ?>" /></li>
  <li style="list-style:outside none;"><img src="<?php echo $image3; ?>" /></li>
</ul>

但是当我将图像字段作为图像类型时,它在前端和img src中没有显示任何内容,它只显示图像ID为src =&#34; 12&#34;。

如何调用图像在我的前端显示。

1 个答案:

答案 0 :(得分:0)

在ACF中使用图像字段时,它会返回默认的图像对象。如果您只想让它返回src,请在字段设置中更改它。 或者您可以继续使用该对象并获取如下所需的数据:

$image1 = get_field('image1'); // get field is acf-function for getting field-meta, takes two arguments, field slug and id of post (optional).
if($image1) {
    $image_url = $image1['url']; // Full path to original file
    $custom_image_size = $image1['sizes']['your_custom_size'] // Grabs custom size (or default ones such as 'thumbnail' or 'medium'
    $image_alt = $image1['alt']; // Grabs alt text

    // And you could output it like this.
    ?>
    <img src="<?= $image_url; ?>" alt="<?= $image_alt; ?>" />
    <?php
}

你应该真正关注插件&#34; Repeater-field&#34;对于用于构建幻灯片的acf,您可以在后端动态添加删除幻灯片,因此您不需要为不同的幻灯片提供静态数量的字段。