Wordpressの 'Custom Post Type UI'と 'Advanced Custom Fields'を使用して壊れた画像

Question

私はこのHTMLウェブサイトに 'apparel'セクションを持っています。それはこのようになります私のデザインで

（下記参照） 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; ?> 

、イメージのルートから離れたものをすべて削除すると、イメージは壊れずに機能します。

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/