Создайте фон для каждого сообщения с миниатюр Wordpress

Question

У меня есть website, что я работаю над тем, где мне нужно создать уникальное изображение в header.php для каждого отдельного сообщения.

У меня есть это в моем index.php:

$pageposts = $wpdb->get_results($querystr, OBJECT); 
foreach($pageposts as $ppost){ 
$ID = $ppost->post_id; 
$title = get_the_title($ID); 
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id($ID), 'single_post_thumbnail'); 
$t = $thumb[0]; 
$desc = get_post($ID)->post_content; 
$out = get_post_meta($ID,'outbound',true); 
$output = " 
<div class='ph-sticky' id='phf'> 
<span class='icon-x'><i class='fa fa-times icon-xy'></i></span> 
<div class='row hunt-row-fp'> 
<a class='title' href='$out' target='_blank' rel='nofollow'>$title</a> 
<div class='img-featured'><img class='phsi' src='$t'/></div> 
<span class='description'>$desc</span> 
</div> 
</div>";  
} 

echo $output; 
wp_reset_query(); 
?> 

Это правильно генерирует миниатюру для каждой должности, однако в моем header.php мой код создает только образ первого поста на этой странице. Вот оно:

<!-- post modal --> 
<div class="show-post-modal"> 

<?php if (has_post_thumbnail($post->ID)): ?> 
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); ?> 
<div class="comments-bg-image" style="background-image: url('<?php echo $image[0]; ?>')" > 
</div> 
<?php endif; ?> 

<div class="comments-header"> 

Я пытался несколько решений, однако я могу только показаться, чтобы тянуть в первом эскизе, который становится фоном для всех сообщений. Любая помощь была бы очень признательна!

Answer 1

Я думаю, это поможет вам.

<?php 
$page = get_post($post->ID); 
$post_thumbnail_id = get_post_thumbnail_id($post->ID); 
if(!empty($post_thumbnail_id)) { 
$img_ar = wp_get_attachment_image_src($post_thumbnail_id, 'full');?> 
<style> 
.comments-bg-image{ background-image: url(<?php echo $img_ar[0];?>); } 
</style> 
<?php } ?>