Creé una sección donde muestro todo el contenido de mis publicaciones. Mi lucha ahora es establecer la miniatura de la publicación como imagen de fondo.

Aquí la estructura de la sección:

 <section id="testimonials"> <div class="testimonials-container"> <div class="heading-container"> <h3 class="page-title">Testimonials</h3> </div> <div class="testimonials-box"> <?php $queryposts = array( 'post__in' => array(75,73), 'post_type' => 'post', 'posts_per_page' => -1, 'order' => 'ASC' ); $lastblog = new WP_Query( $queryposts ); if($lastblog->have_posts() ): while($lastblog->have_posts()): $lastblog->the_post(); ?> <div class="testimonial-wrapper"> <div class="testimonial-item"> <p class="test-content"><?php the_content(); ?></p> <p class="test-title"><?php the_title(); ?></p> <?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?> <div class"image-class" style="background-image: url('<?php echo $thumb['0'];?>')"></div> </div> </div> <?php endwhile; endif; wp_reset_postdata(); ?> </div> </div> </section>

Aquí mi css:

 section#testimonials { height: 400px; background-image: url(images/testimonials-bg.jpg); background-size: cover; background-repeat: no-repeat; text-align: center; } .testimonial-wrapper { width: 100%; max-width: 900px; margin: 0 auto; } .image-class{ display: block; width: 125px; height: 125px; background-size: cover; background-repeat: no-repeat; }

Cuando trato de ver la página, la imagen no se muestra y, al intentar inspeccionar la página, muestra esto:

 background-image: url((unknown));

¿Cómo puedo configurar la miniatura como imagen de fondo de mi cuadro div?

Espero que puedas ayudar