Support » Fixing WordPress » Display featured image as background if has_post_thumbnail

  • Hi,

    I’m creating a ‘post overview’ page for a blog style website. On this page I want to display the featured image as a thumbnail but only when the post has one assigned to it. I’m loading the thumbnail as the background-image of a div because I need the width to be a % so that it adjust slightly to screen size. This is what I got so far:

    <?php
    if(has_post_thumbnail()) {
    global $post;
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 500,500 ), true, '' );
    echo ' <div class="image" style="background: url( <?php echo $src[0]; ?> ) !important;"></div> ';
    } else {
    }
    ?>

    I’m quite new to php so I’m not sure what i’m doing wrong. It seems that the <?php echo $src[0]; ?> ) !important; part doesn’t ‘translate’ into and valid html code that directs to the image.

Viewing 1 replies (of 1 total)
  • problem resolved for anyone interested

    <?php
    
    if(has_post_thumbnail()) {
    global $post;
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 500,500 ), true, '' );
    ?>
    <div class="image" style="background: url( '<?php echo $src[0]; ?>' ) !important;"></div>
    <?php
    } else {
    }
    ?>
Viewing 1 replies (of 1 total)
  • The topic ‘Display featured image as background if has_post_thumbnail’ is closed to new replies.