If you want to add background image you can do inline css in html
PHP:
<?php
if(has_post_thumbnail())
{
$desktop_src = wp_get_attachment_image_src(get_post_thumbnail_id(), 'desktop');
$ipad_src = wp_get_attachment_image_src(get_post_thumbnail_id(), 'ipad');
$mobile_src = wp_get_attachment_image_src(get_post_thumbnail_id(), 'mobile');
$desktop = 'style="background: url('.$desktop_src[0].');"';
$ipad = 'style="background: url('.$ipad_src[0].');"';
$mobile="style="background: url(".$mobile_src[0].');"';
}
?>
HTML:
<div id="desktop" <?php echo $desktop; ?>></div>
<div id="ipad" <?php echo $ipad; ?>></div>
<div id="mobile" <?php echo $mobile; ?>></div>
Related Posts:
- How do you remove hard coded thumbnail image dimensions?
- How do you get the post thumbnail size?
- Setting a post’s featured image from an embedded YouTube video
- Minimum Dimensions Requirement for Featured Image?
- Display thumbnail only if requested size exists
- the_post_thumbnail hard cropping not working no matter what
- the_post_thumbnail with lazyload JQ plugin
- Display Post Thumbnail Without Being Featured Image
- Featured Image of Video from oembed
- Multiple featured image thumbnails for post types (Multiple Post Thumbnails plugin)
- Set post-thumbnail (with php)?
- get_thumbnail_id returns full size image
- can the_excerpt function also get images?
- Change Output for Images in Content
- Add post title as alt tag for featured image
- How to scale up image into thumbnail without distorting it?
- Using Gutenberg block components in admin interface controls
- previous / next post with thumbnail
- Multiple Post Thumbnails plugin and attachment error
- WordPress resizes image to the same size as uploaded
- Possible to swap in a placeholder image globally for the_post_thumbnail_url if one doesn’t exist?
- How to set an attachments parent post id in code?
- How to use wp_get_attachment_metadata for thumbnails
- Wrap post thumbnail with
- Use wp_remote_get to add image to media library
- Can a thumbnail of an animated gif be animated?
- Is it possible to get local image URL when also having photon active?
- Featured Image Size Conditional Tag?
- How can I call a thumbnail/featured image to be a background image?
- create new post using rest API and set featured Image from an external link
- Replicate featured image functionality
- Woocommerce – remove the default image placeholder? [closed]
- Remove link from post images
- Call Featured Image from Parent Page
- How to add post featured image url to inline background url()?
- Allow author to choose his featured image size
- How to automatically resize animated GIFs used as Featured Images, without losing animation?
- How to get cropped thumbnail source for custom post type
- Using thumbnail functions inside a shortcode
- Featured image for first post only
- Featured Image Not Working when loaded from sub-domain
- How can I use a static (ish) URL for the featured image for a post?
- get_the_post_thumbnail ignores my default thumbnail size [closed]
- How To Add and Display Category Image
- Remove the link to a featured image if and only if it’s not a gif
- How to query posts with featured images
- How do I remove inline style in featured image markup?
- hrecipe microformat tag to “featured image”
- Server B handling add_image_size() differently than Server A
- the_title() is not displaying over the_thumbnail
- Wanting to change presentation from full post to featured image (post_thumbnail) only
- Show posts image attachments
- Choose to Display Post Thumbnail?
- How do I make images appear in the beside blog post summaries?
- Featured Image meta box shows at the bottom?
- Add second background-image on hover
- Use the_post_thumbnail as background image in LESS CSS [closed]
- Featured image for social sharing ot author archive page
- How can I specify the width and height of the Featured Image in TwentyTwelve theme?
- Can’t change image size from post “Show current page featured image in sidebar”
- How to implement two separate featured images for each post/page
- Using catch_the_image to get the thumbnail size
- Moved server, and WP now uses original images for all thumb sizes?
- Thumbnail Image Rounded Corners w CSS (or any other good method)
- WordPress stopped generating image thumbnails after changing hosting environment
- Thumbnail size problem Desktop vs Mobile site
- Cropped featured image
- My theme header is stuck on a low resolution image?
- Thumbnail (featured image) and Media Library cleanup queries help needed
- Child Theme not overwriting Parent theme php file
- Image size doesnt change via wp_get_attachment_image_src
- replace featured image from frontend
- Thumbnails are hard cropped not matter what
- Post thumbnail not working when previewing post
- Post thumbnail not displaying correct size
- How to add post thumbnail on posts on sites homepage?
- How to customize the size of Featured Images or Post Thumbnails in WordPress?
- Conditional: IF current author’s custom post has a post thumbnail
- How to undo thumbnail regenration
- wp_get_attachment_image_src() works on index, but not on Archives
- IF statement to filter featured image article
- Featured image url
- Featured images are cropped on index and post page
- How to add a class to figure tag for featured images?
- Post thumbnail won’t resize to fit
- Trouble Retrieving Thumbnail URL on Front-Page
- Featured Image not showing on wordpress hosted under Amazon AWS
- Featured Image / Post Thumbnail Cropping Query
- Using set_post_thumbnail inside save_post action gets overwritten
- trouble with the_post_thumbnail
- Plugin scans for images in post_content, how about “featured image”?
- How can I make thumbnails a display different size/position if the blog post was posted before a specific date?
- Change background image in PHP
- Display featured image metadata?
- Image width issue in IE [closed]
- 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