<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] );
}
?>>
Code should be pretty self explanatory – codex on wp_get_attachment_image_src.
As for how I’ve formatted it; I find this the cleanest, easiest to read, without outputting unnecessary whitespace:
<div style="background-image: url(http://example.com/wp-content/uploads/normal-bg.jpg);">
Related Posts:
- How to get image title/alt attribute?
- How to set featured image to custom post from outside programmatically
- Generate Thumbnails only for Featured Images
- How to add post featured image to RSS item tag?
- Get featured image URL by page id
- wp_get_attachment_image_src() and custom sizes
- What’s the difference between post thumbnails and featured images (if any)?
- What is your take: TimThumb vs. WordPress Thumbnails? The great debate [closed]
- How to change the naming of the resized image files
- How to get featured post title & image using JSON API?
- Display thumbnail only on the very first post in the loop?
- Allow user to manually set crop area of default/custom image sizes on upload [closed]
- Display child pages on a parent and child page using Featured Thumbnails
- Autogenerated Thumbnail compression depending on size
- How to display a post’s Featured Image with this code?
- Conditional to grab parent page thumbnail URL
- Show featured image in sidebar
- Featured Image VS Post_thumbnail — has_post_thumbnail lies?
- Use get/the_post_thumbnail with Custom Size & Crop
- The Thumbnail aspect Ratio Issue
- Cropped thumbnail still displaying as full image
- Use Video as Featured Image
- Media thumbnail for custom post inside post content
- Why am I getting errors in product.thumbnails.php? [closed]
- Change featured image urls in database
- Show a default image
- Get smaller size of image, get_the_post_thumbnail
- Look Through Family Tree and Find Featured Image
- Different thumbnail sizes
- Add post-thumbnail after first paragraph including the caption
- wordpress get_the_post_thumbnail can’t set size
- How to print the thumbnail only if a post has a thumbnail
- Animated Gif as Featured Image
- set a chosen image-file-input as a featured image from wp frontend
- Retrieve post thumbnail as array
- Single post layout based on featured image size
- Migrating problem – featured images
- Set Featured Image by URL Form Post
- Adding Images into API
- Stuck on save/upload featured images plugin
- adaptive featured images wordpress 4.4 grid
- ACF – Add/update featured image (for videos) by field [closed]
- Forcing a user to crop the featured image in a certain aspect ratio
- oEmbed, thumbnails and wordpress
- Show last 2 image attachments from posts
- Set featured image from external URL
- Show Multiple Size URL of one Featured Image/Thumbnail?
- remove and disable image link in functions.php
- Get current post featured image ID
- Why does the_post_thumbnail output full sized images after activating post-thumbnails support?
- Can this be done? Create 50×50 thumbnails of all existing featured images?
- Query to delete all featured images and remove post meta?
- Add Image Size for Featured Image with Responsive Design
- Best Way to Display Posts by Tag (not category)
- WordPress image crop probems
- Pull through featured image in a custom menu
- How do I get posts where image is larger than…?
- Category page with thumb is ok but can’t do the same with tags
- a tricky question about featured image
- Programmatically set thumbnail via URL using DOM and XPATH – Where to add ELSEIF
- Retrieve a post’s featured image with PHP outside of WordPress
- Better way to show Description and image Captions
- Edit Media – Edit Custom Sized Featured Images
- Different size thumbnails on home and single pages
- Next Prev Post link rendering current post thumbnail
- How to add thumbnail images? (Set Featured Image doesn’t work)
- custom image size not being fetched
- Resizing images failing
- How to add a new thumbnail size only to a certain custom post type?
- Tag,php – how to get it to display featured post image? [closed]
- Featured images have disappeared in the Trending section only of my website
- Blog replace single post page featured image
- How to use tag in featured image
- How to automatically add first image of post as thumbnail?
- Issue with wordpress thumnails – same thumnail displayed everywhere
- Change wording of default thumbnail metabox
- featured image metabox not moving custom post type
- How to convert feature image as background image
- about featured image
- Moving Featured Images
- Add Play Icon on thumbnail overlay for video post types
- How do I Get WordPress Featured image from Frontend
- Featured Image, and Image in post
- Get Post thumbnail without width/height attribute
- if statement for featured images
- Thumbnail size according to width and height
- Copy wp_postmeta from one database to another
- Featured Image URL is Showing but not thumbnail
- Crop featured image by default
- Custom image sizes are not used
- Import Dummy Content and Post Thumbnails
- Source problem for children page image
- Fetch first image URL from post and set as featured image URL
- How to set featured image from a variable
- How to stop WordPress from creating native thumbnails?
- get_post_thumbnail_id() not getting correct featured image after post edited
- the_ID & wp_get_attachment_image_src(the_ID(), “medium”) blank
- How to I remove Featured Image from the Posts/Category Lists?
- How do I change the size of the feature picture of a single post?
- Close featured image modal windows with JS