WordPress的精選圖像作爲背景

我想回顯作爲背景圖像的帖子的特色圖像。我已經看到了一些應該可能的地方，但我似乎無法讓它爲我自己工作。WordPress的精選圖像作爲背景

//Here i get the image as a thumbnail 
<?php 
if (has_post_thumbnail()) { 
    $image = the_post_thumbnail('thumbnail'); 
} 
?> 
    // Here i try to get it as a background image and nothing 
<div style="width:405px;height:277px;background-image:url('<?php echo $image; ?>');"> 
    <img src="<?php bloginfo('template_url'); ?>/images/foreground.png"/> 
</div>

但是，如果我用這個，我可以回聲出縮略圖

<?php echo '<img src="' . $image . '"/>'; ?>

我覺得我失去了一些東西小，愚蠢的，但它是什麼？

來源

2013-11-26 Travis

它看起來像你的努力，使圖像的div的背景是什麼？使用這個頁面背景...'body {background-image：url（'<？php echo $ image;？>'）;}' – stink

是的，我正在嘗試使div的特徵圖像不是body – Travis

檢查這個代碼，讓我知道這是否爲你的作品 -

<?php if (has_post_thumbnail()): ?> 
<?php 
    $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail'); 
?> 

<div style="width:405px;height:277px;background-image:url('<?php echo $image[0]; ?>');"> 
    <img src="<?php bloginfo('template_url'); ?>/images/foreground.png"/> 
</div> 

<?php endif; ?>

來源

2013-11-27 04:01:11

非常感謝！完美的作品 – Travis

如果你想使用post thumbnail作爲背景圖像，那麼你可以不使用此功能，因爲它打印與縮略圖的img元素，而是可以使用wp_get_attachment_url

$url = wp_get_attachment_url(get_post_thumbnail_id($post->ID));

然後用這個圖片像

<div style="background:url('<?php echo $url; ?>');"></div>

背景這是內循環，如果你想使用它的循環之外，那麼你必須通過post ID。

來源

2013-11-27 01:23:51

這仍然是拉全尺寸的圖像。儘管我很欣賞這種迴應。 – Travis

@Travis，你沒有提到有關尺寸，我認爲只是想要原始尺寸，反正你得到了答案。 –

WordPress的精選圖像作爲背景

回答

相關問題