更新:WordPress主页(列)标题后面的特色图片


Updated: Featured Image behind post title on WordPress Homepage (columns)

我有一个有多个帖子的WordPress网站。在主页上,我设置了一个插件(https://wordpress.org/plugins/column-posts/),以便显示最新帖子的三列。这工作得很好,我能够在CSS样式列。然而,我想每个帖子的特色图像是该帖子的列的背景?知道我该怎么做吗?

<ul>
            ';
        }
        // thumbnail
        $thclear = '';
        $bullet = '<li style="background:url(<?php'.$thumb.'?>);">';
        $thumb = '';
        if ( $args['thumb'] ) {
            if ( has_post_thumbnail($post->ID) ) {
                //$bullet = '';
                $thclear = '<div style="clear:both;"></div>';
                $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), $args['tsize'], false, array('class'=>"alignthumb"));
            }
        }
        $ppost .= $bullet .'<a href="'.get_permalink($post->ID).'" title="'.sprintf(__('Article %s published at %s', 'cp'), $title_full, date_i18n(__('F j, Y g:i a'), strtotime($post->post_date)) ).'">'.$title.'</a>';
        // excerpt
        if ( $args['excerpt'] ) {
            $ppost .= '<p>' .get_the_excerpt() .'</p>' .$thclear .'</li>';
        }
        else{
            $ppost .= $thclear .'</li>';
        }
        if ($args['class'] == 'P' && $args['col_cnt'] == $args['col_post'])
            $ppost .= '
            </ul>

我想我可以像这样插入一个变量到li样式中:

<li style="background:url(<?php'.$thumb.'?>);">

然而,它不回任何东西,没有图像src肯定。任何方法都可以让它回显$thumb作为背景图像,或者在代码的某个地方插入背景图像。谢谢! !

谢谢!

$image=wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<img class="whatever" src="<?php echo $image;?>" />
css

.whatever {
  z-index: -1;
}