It looks like WordPress always adds a fixed size to images embedded by URL. Tracks won’t modify the image in this way.
As a workaround with Flickr, instead of using the URL you can use the embed code (screenshot). To use the embed code just switch your post editor from “Visual” to “Text” and paste it in. Then you can switch back to Visual and the image will show.
One more thing: when embedding this way, Flickr adds an overlay to the image, but that can be removed. Here’s the default embed code for an image:
<a data-flickr-embed="true" href="https://www.flickr.com/photos/gseloff/29475843046/in/explore-2016-09-07/" title="Open Kimono"><img src="https://c7.staticflickr.com/9/8422/29475843046_477c623c87_h.jpg" width="1600" height="1066" alt="Open Kimono"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
Take out the script part and the overlay will be removed:
<a data-flickr-embed="true" href="https://www.flickr.com/photos/gseloff/29475843046/in/explore-2016-09-07/" title="Open Kimono"><img src="https://c7.staticflickr.com/9/8422/29475843046_477c623c87_h.jpg" width="1600" height="1066" alt="Open Kimono"></a>
Yes Ben, I already used embed code in text part. It’s good to know how to remove script part! But the problem is that embed code isn’t responsive. When you look same post from a mobile phone,you won’t see all the picture ! Even on a computer, if the image is too big it won’t adapt to screen.
Any solution to made this embed code responsive ?
Okay I see now. Try adding the following CSS to the Custom CSS section in the Customizer:
.entry-content img {
max-width: 100%;
}
That will limit any images in the posts/pages from expanding beyond the content area.
You are amazing ! Thank you so much !
Maybe see you soon in a next post.
