Nowadays developer needs the direct URL of featured image and it is mostly possible when the featured image is used as a header or the post background image.
Place the following code snippet in the files including single.php, post.php, and template.php to get the URL:
<?php $blog_fetrdimg = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?> <div class="blog-featured-image" <?php if( $blog_fetrdimg ) : ?> style="blog-featured-background-image: url(<?php echo $blog_fetrdimg; ?>);" <?php endif; ?> > </div>
Use the following CSS snippet to style the featured image:
. blog-featured-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; }
Get Single Post Thumbnail
For enabling the support for the featured image in post and pages use the following snippet code. The snippet will be enabled in single.php
<?php if (has_post_thumbnail( $post->ID ) ): ?> <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> <div id="custom-bg" style=" blog-featured-image: url('<?php echo $image[0]; ?>')"> </div> <?php endif; ?>