使用 WordPress 特色图片作为 CSS 背景图片

Question

我正在尝试使用最新的 post 特色图片作为主页上 div 的背景图片。谁能帮忙 php?

Answer 1

wp_get_recent_posts() 将 return 使用以下参数最近发布的 post 单曲。

我建议将样式放在样式表中。

/* Get Recent Post */
$recent_post = wp_get_recent_posts(array(
    'numberposts' => 1,
    'post_status' => 'publish'
));
/* If Featured Image Set */
if ( has_post_thumbnail($recent_post[0]['ID']) ){
    /* Get Image */
    $image = wp_get_attachment_image_src( get_post_thumbnail_id($recent_post[0]['ID']), 'full');
    /* Output Div with Image Set Inline, Use padding Top for Responsive Ratio Size */
    echo '
    <div class="featured-image-div" style="background-image:url('.$image[0].');"></div>
    <style>
    .featured-image-div{
        padding-top: calc( 450 / 800 * 100% );
        background-size: contain;
        background-repeat: no-repeat;
    }
    </stle>    
    ';                           
}

使用 WordPress 特色图片作为 CSS 背景图片

Using WordPress Featured Image as CSS Background Image

php

wordpress

background-image