제품 추천 이미지를 검색어의 배경으로 사용

Question

<?php $args = array(
     'posts_per_page' => '12', 
     'product_cat' => 'summer', 
     'post_type' => 'product', 
     'orderby' => 'title', 
    ); 
    echo '<div class="col-xs-12 col-sm-4 col-md-4">'; 
    $query = new WP_Query($args); 
    if($query->have_posts()) : while($query->have_posts()) : $query->the_post(); 
    $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(5600,1000), false, ''); 
    echo '<div class="wrap valshow" style="background: url(.echo $src[0];.) !important;" role="banner">'; 
    echo '<figcaption><h3><a rel="' .get_permalink(). '" href="' .get_permalink(). ' ">'; 
     the_title(); 
    echo '</a></h3></figcaption>'; 
    echo '</div>'; 
    echo '</div>'; 
    endwhile; 
    endif; 
    wp_reset_postdata(); 
?> 

나는이 작업을 수행하는 제목을 나타내는 woocommerce에 대한 쿼리를 조합하려고합니다. 제품에 연결되는 버튼을 추가해야합니다.

내가 알아 내려고하는 문제는 위의 코드에서 제품 기능 이미지를 배경으로 설정하는 방법입니다. 정상적인 루프에서 작동하는 몇 가지 코드를 발견했습니다. 나는 사용하려고 시도했다

the_post_thumbnail('full'); 

나는 echo $ src [0]을 가지고있다; 하지만 내가 얻는 것은 div가 아닌 배경 위에있는 이미지입니다. 나는 내가 가까이있는 것처럼 느낀다. .. 어떤 도움이라도 멋질 것이다, 고마워.

Answer 1

가 echo

사용이 아래 echo를 사용

: 만약 the_post_thumbnail('full');를 사용하는 경우가

echo '<div class="wrap valshow" style="background: url(' . $src[0]; . ') !important;" role="banner">';

또한, 그것이 전체 이미지 태그를 출력한다.