使用帖子缩略图作为div背景

时间：2012-08-09 作者：Bill

我在实现将设置的WordPress帖子缩略图用作包含整个帖子的div的背景时遇到了问题。

基本上，我需要一种在索引中调用缩略图URL的方法。php文件。像这样的

<div style="background: url(<?php if ( has_post_thumbnail() ) { the_post_thumbnail( \'normal-bg\' ); } ?>) ">

现在应该做的是，上面会找到帖子的缩略图，并将其用作背景图像。缩略图类将是“普通bg”，因为我的函数中有缩略图类。php具有不同的高度（因为有些帖子可以有更多的文本等）。然而，我无法使上述代码正常工作。

抱歉，如果整个概念听起来很混乱，那么很难解释：）

1 个回复

最合适的回答,由SO网友:TheDeadMedic 整理而成

<div<?php

    if ( $thumbnail_id = get_post_thumbnail_id() ) {
        if ( $image_src = wp_get_attachment_image_src( $thumbnail_id, \'normal-bg\' ) )
            printf( \' style="background-image: url(%s);"\', $image_src[0] );     
    }

?>>

代码应该是不言自明的-codex on wp_get_attachment_image_src.

至于我是如何格式化的；我发现这是最干净、最容易阅读的，不会输出不必要的空白：

<div style="background-image: url(http://example.com/wp-content/uploads/normal-bg.jpg);">

结束

标签： post-thumbnails 小码农

小码农CODE

使用帖子缩略图作为div背景

相关推荐