php - 为wordpress中的不同帖子动态更改CSS中的背景图片

Question

是否可以为不同的帖子动态更改 CSS 中调用的背景图片？简而言之，我希望在 WordPress 中显示帖子的特色图片作为背景？

background: #253340 url('assets/images/blog/post-2.jpg') no-repeat 50% top;

我确实尝试过在这个论坛上找到这个，但没有用。

background: #253340 url(<?php echo $variable_holding_img_url; ?>) no-repeat 50% top;

Answer 1

<?php
$image_url = 'my_default_image_url.jpg'; // fallback image url

if ( has_post_thumbnail() ) {
    $post_thumbnail_id = get_post_thumbnail_id();
    $image_url = wp_get_attachment_image_src( $post_thumbnail_id, 'large' )[0]; // large or full or custom size
}
?>

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

---

函数引用

• has_post_thumbnail()
• get_post_thumbnail_id()
• wp_get_attachment_image_src()