Wordpress后缩略图问题

时间:2015-02-07 20:05:39

标签: php html css wordpress

我所有的设置都与帖子缩略图分开,我目前正在使用占位符图片,它工作正常,但希望使用特色图片作为背景的帖子,这是我的代码......

<?php

$args = array( 'posts_per_page' => 10, 'category' => 3 );

$myposts = get_posts( $args );
foreach ( $myposts as $post ) : setup_postdata( $post ); ?>

        <div class="box" style="background-image:url('<?php the_post_thumbnail(); ?>');">
            <div class="overlay">
                <div class="buttonContainer">
                    <a href="<?php the_permalink(); ?>">
                        <button>preview</button>
                    </a>
                </div>
            </div>
        </div>


<?php endforeach; 
wp_reset_postdata();?> 

当我在浏览器中查看时,它会打印出这个...... ');">并且没有图片......我在哪里出错了?

1 个答案:

答案 0 :(得分:1)

the_post_thumbnail()返回一个img元素,如;

<img src="some-image-url' />

这不是您要传递给背景图像的内容。

您需要以下内容:

$attachment_id= get_post_thumbnail_id( the_ID() );
$img_data = wp_get_attachment_image_src( $attachment_id, the size you want );

然后你可以回显$ img_data [0]来获取附件网址。