Instead of your code for image, use this following.
<?php $thumb_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 120, 90, true ); ?>
<img src="https://wordpress.stackexchange.com/questions/172495/<?php echo $thumb_image[0]; ?>" alt="<?php echo esc_html( get_the_title() ); ?>" width="<?php echo $thumb_image[1]; ?>" height="<?php echo $thumb_image[2]; ?>" />
Let me explain a little what it’s doing. We are returning PHP array of attachment image with WordPress function wp_get_attachment_image_src
.
This PHP array containing: (from Codex)
- [0] => url
- [1] => width
- [2] => height
- [3] => boolean: true if $url is a resized image, false if it is the original.
So we added those values in our image tag.
Try it and let me know how it goes.
Related Posts:
- What’s the proper way to find and remove duplicate images from posts and the media library?
- get_post_gallery with Gutenberg
- Insert an image into a post by API
- Saving the pre-sanitized filename of an attachment as the Title or Caption
- Creating a rotating header /image slider using theme customization
- Add aditional class to get_avatar when showing image
- Use Media Library to manage galleries like Nextgen (with folders, albums, collections, tags, categories, terms…)
- Double thumbnails?
- Alter media caption/description conflict in WordPress?
- No srcset for hard-cropped thumbnails
- Loop through child images of a parent for a Nivo Slider
- Rename attachments during upload
- alt, title tags not showing
- Limit author image size
- Remove the http protocol from images
- Query for recent images across multiple posts
- How to prevent resized featured images?
- Display one random image, but only if landscape
- Is there a way to get attachment data?
- How to change image url?
- get_children() not working properly – Only on one post?
- Warning: getimagesize() [function.getimagesize]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 [closed]
- How to add data attribute to all images in posts [closed]
- How to order images in a post in WordPress 3.3?
- Image thumbnails not available post migration, but still accessible via direct URL – DB issue
- Override img class in gallery
- Change image url size in post editor (when cliking on image)
- Multiple images with Media Uploader on front-end
- Exclude images from “inserted into post” when trying to get attachments
- Set jpeg_quality for certain post-types
- image uploaded cant be shown
- WordPress automatically downscaled images larger that original
- Unyson Framework doesn’t show gallery images
- Sharing images to social media – issue with aspect ratio
- How to add custom classes to figure element only if image has caption?
- I got an issue after i migrated a site
- I want to use the GD image editor for just one function then switch back to ImageMagick
- 409 error (Conflict) when trying to insert an image into a post
- Exclude image titles from search results
- Gallery with thumbnail carousel
- Does WP create multiple images?
- Thumbnails generated by “add_image_size” are not removed when removing media
- WordPress 3.0 embedded images
- TImthumb not working for absolute path
- Correctly implementing the Facebook Like button
- Omit image captions from get_the_content()
- Change image name during uploading sequentially
- Store in media library image uploaded from url
- How to limit the number of images displayed in the media window?
- Is it possible to preserve original images in order to change image size later?
- Get images attached to a specific page
- Need custom picture field for pages
- Only make custom image size if uploaded via Thickbox and attached to certain page
- add_image_size function not working
- image resizing on post content without css and html tags
- Stop WordPress compressing images? – Quality is terrible
- How to add onclick event to widget image
- Use default image as var
- Why am I getting and error from wp_get_attachment_image_src?
- How do I implement an image viewer and rotator? [closed]
- Upload images – Theme options
- Is it possible to modify default image name suffix?
- How to replace post image url before posting using api?
- How to get post id of first child of the same post type?
- Product Images Making a Column
- What’s are some best practices for responsive images (e.g. for section headers)?
- WordPress Single Post image gallery as slider
- Recreate the upload folder from a website without having access to the backend/cpanel/filezilla directly from the website
- how automatically show the image title before the image caption/description in a wordpress gallery?
- change the h3 subtitles of the wordpress gallery shortcode
- Hot Linked Own Images
- imported post image as normal image instead encoded image
- Updated wordpress missing image upload area
- Allow users to upload attachments to certain posts
- get_post_gallery with Gutenberg
- WordPress and Advanced Custom Fields and Flickity
- How to get image ID based on get_theme_mod image URL?
- Site not showing Image in WordPress and in HTML code also which uploaded in root what is the solution for this?
- How to bulk update then save images in wordpress posts
- How to set a post featured image from an already made custom field
- Change wordpress default upload path to another domain
- Alt attribute is not showing while the value is given in Media
- Alternative image sizes are too large
- Responsive images in Bootstrap 4 slider
- How can I add an “Attach image to this post/page” link on the Add Media lightbox?
- How to call thumbnail by aqua resizer in best practice. Specify image dimensions’s notify from GTmetrix
- How do i replace the title attribute of img tag with the image caption
- Create slider option in editor
- Assign one featured image to multiple posts?
- Why are my ‘medium’ images the wrong size
- How can I hide previous_image_link() on first attachment page?
- wp_get_attachment_image_src
- An image on my site is showing as the wrong image [closed]
- Set padding for all content except images and few more elements
- Theme files and imagesnot loading on a mobile device
- Guaranteed Image Sizes
- How to change the alignment of the background image for small screen (tablet/smartphone etc.)
- get_theme_file_uri function not showing background image inside data-setbg in html
- How to show file type of featured image?
- Images have dissapeared from media library and site