Question

我有一个包含多个帖子的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作为背景图像或在该代码中的某处插入背景图像。谢谢！！

谢谢！

Answer 1

$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;
}

更新：WordPress主页上的帖子标题背后的特色图片（列）

1 个答案: