我创建了一个部分来显示我所有的帖子内容。我现在的努力是将帖子缩略图设置为背景图片。
这里是该部分的结构:
<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>
这是我的 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;
}
当我尝试查看页面时,图像未显示,并试图检查页面时显示如下:
background-image: url((unknown));
如何将缩略图设置为我的 div 框的背景图像?
希望能帮到你
最佳答案
请尝试下面的代码,
<?php $thumb = get_the_post_thumbnail_url(); ?>
<div class="image-class" style="background-image: url('<?php echo $thumb;?>')"></div>
关于php - 如何在 Wordpress 中将帖子特色图片设置为背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43576107/