You’re not outputting any attributes besides the src and class. Try using the_post_thumbnail() instead. <?php the_post_thumbnail( ‘post-thumbnail’, array( ‘class’ => ‘img-responsive’ ) ); ?> This will include all attributes and supports responsive image markup by default.
You can use the post_thumbnail_html filter to set the post thumbnail programmatically to an external URL. Then you wold set the image URL in a Custom Field on the post writing screen metabox (in this example with a meta key of thumbnail_url): add_filter(‘post_thumbnail_html’, ‘custom_thumbnail_tag_filter’, 10, 3); function custom_thumbnail_tag_filter($html, $postid, $thumbnailid) { if (!$thumbnailid) { $src … Read more
You can set the width of each image sizes inside of WP > Settings > Media Alternatively you can select the image size to be “Full image” when inserting each image into the post. This will choose the image you uploaded and not a cropped version.
The best solution I can come up with is a two-parter which adds metadata, then filters the images users are allowed to select from. If I find a way to update the selector to add an alert, I’ll add that as a separate answer. 1st: Add image metadata that will allow us to filter images … Read more
The GUID is not the image’s URL. It typically does end up (coincidentally) being the original URL of the image, because it needs to be a unique identifier – but that’s all WordPress uses it for, as a unique identifier. Your code should successfully update the URLs of the featured images of posts, but only … Read more
Maybe the method you’re using to display the banner is using a specific image size. Usually wordpress can use a defined (or not) image size to display a media item, but if you check the media item, you’ll be able to see the original upload. Can you provide some code where you’re displaying the banner? … Read more
Gallerys aren’t implemented the way you’re pulling in images, the images in a gallery might not be attached to the post at all. get_attached_media will give you the images attached to the post by the order of their ID. This means: Images you added to the post, then deleted will be in this array Images … Read more
Using the Align options you found (Align left, Align center, Align right) is often the easiest way to allow text to flow around your images in your WordPress posts. Add the Image Select Align right in Image options Add some text (puts Image in Paragraph block) Adjust the width of the Image block so the … Read more
Try giving your image a max-width instead of max height. img { width:100%; max-width:500px; /* this will stop it from expanding when you widen the browser height:auto; /* height will automatically adjust to width. } You didn’t give any specifications on if you image is a square or nested in a square div, but if … Read more
Your container div for the content area has a class of .row, which is set to display:flex in Bootstrap. Direct children of a parent with display:flex can’t be floated. To fix this you’ll either need to update the .row class so it’s not set to display:flex (display:block works for me), or add an interior wrapper … Read more