使用“自定义帖子类型UI”和“高级自定义字段”在Wordpress构建中损坏的图像

Question

我在这个HTML网站上有一个'服饰'部分，我现在正在转换为Wordpess。

在我的设计，它看起来像这样（见下文） Apparel section

但在我构建它看起来像这样（见下文） The actual build in wordpres

我不认为代码的问题，但这里是供参考：

<?php $loop = new WP_Query(array('post_type' => 'apparel', 'orderby' => 'post_id', 'order' => 'ASC')); ?> 

    <?php while($loop->have_posts()) : $loop->the_post(); ?> 

    <div class="col-lg-4 col-md-6 col-sm-6 mb-sm-30"> 
    <div class="blog-post"> 
     <div class="post-media"> 
     <img class="item-container" src="<?php the_field('apparel_img'); ?>"/> 
     </div> 
     <div class="product"><a><?php the_field('name_price');?></a></div> 
    </div> 
    </div> 

<?php endwhile; ?> 

当我使用Chrome的督察检查什么与自己看起来像其他字符串正在拆迁中的图像发生，并且当我从图像根目录中删除所有内容时，图像不会被破坏并且可以正常工作。

src="26, frontrunnerz black tee, black tee, , , image/png, http://localhost:8888/wp-content/uploads/2016/09/tee01.png, 300, 200, Array" 

感谢您的帮助！

Answer 1

你的apparel_image的ACF字段是否输出数组而不是URL？要以这种方式输出它，你需要URL！

或者，如果您想要图像的大小的控制是通过你拉一下从ACF输出ID，并在您的模板：

$x = //post id; 
$s = //size string e.g. 'full'; 
$image = get_field('apparel_image', $x); 
     echo wp_get_attachment_image($image, $s); 

最后要注意的，下面的网站都有自己的文档，这是如果你想要做更复杂的事情，那真的很方便，但我很确定你是否只想输出src，你只需要改变你的wp-admin自定义字段设置的输出！

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