Gebrochene Bilder mit 'Benutzerdefinierte Beitragstyp UI' und 'Erweiterte benutzerdefinierte Felder' in Wordpress Build

Question

Ich habe eine 'Bekleidung' Abschnitt auf dieser HTML-Website, die ich jetzt zu Wordpess konvertieren.

In meinem Entwurf sieht es so aus (siehe unten) Apparel section

aber in meinem Build sieht es wie folgt aus (siehe unten) The actual build in wordpres

Ich glaube nicht, dass der Code das Problem ist, aber hier ist es als Referenz:

<?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; ?> 

Als ich Chrome Inspektor benutzt habe, um zu überprüfen, was mit den Bildern passiert, selbst es wie andere Saiten sieht gezogen werden in und wenn ich alles außer der Bildwurzel lösche, ist das Bild nicht kaputt und funktioniert.

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

Schätzen Sie bitte Ihre Hilfe damit!

Answer 1

Haben Sie Ihr ACF-Feld von apparel_image, das das Array anstatt URL ausgibt? Um es auf diese Weise auszugeben, würden Sie URL wünschen!

Oder wenn Sie die Kontrolle über die Größe des Bildes wollen wird durch Sie konnten Ausgang ID aus ACF gezogen und in der Vorlage setzen:

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

Als abschließende Bemerkung, die unterhalb des Aufstellungsortes ihre docs hat, das sind wirklich praktisch, wenn Sie versuchen, etwas komplizierter zu tun, aber ich bin mir ziemlich sicher, wenn Sie nur die src ausgeben möchten, müssen Sie nur die Ausgabe in Ihrem wp-Admin benutzerdefinierte Feldeinstellungen ändern!

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