jbd7

<p>Embed Pro Flickr is a WordPress plugin designed to help you customize the Flickr images embedded on your website, especially when working with the Flickr Embed block inside the Gutenberg editor.<br />
It also takes cares of Flickr images embedded manually, especially before WordPress 5.0, ensuring consistency in the visitor experience, and without modifying the database.</p>
<p>It is aimed at Flickr photographers who are also WordPress bloggers, and particularly to those who have been using this combo over the years and seen breaking changes.</p>
<p>Expected impact:</p>
<ul>
<li>Faster page load: visitors are only served the smallest image size necessary for their screen  </li>
<li>More visually appealing: higher resolution images are made available to the browser, for example to visitors with Retina screens, thanks to the image sizes already processed by Flickr </li>
<li>Ensures visual consistency between images embedded manually from Flickr, images embedded using the Caption shortcode and images embedded using the Flick Embed block</li>
<li>Increased SEO by automatically using Flickr metadata to set titles and captions</li>
</ul>
<p>Plugin features:</p>
<ul>
<li>Systematically add classes to Flickr Embed blocks</li>
<li>Customize what happens when clicking on an image embedded with the Flickr Embed block </li>
<li>Assign the Flickr photo title to the  tag</li>
<li>Make the Flickr photo page URL open in a new window</li>
<li>Automatically add a caption with the Flickr image title, and optionally hyperlink it</li>
<li>Make Flickr images responsive with <code>srcset</code> and <code>sizes</code> attributes, just like native WordPress images, improving the website loading time while serving better images to visitors. </li>
<li>Replace the hyperlinked Flickr page with the JPG image</li>
<li>Wrap lone <code><img></code> tags inside <code><figure></code> tags</li>
<li>Responsify caption shortcodes with fixed width, used in older version of WordPress</li>
</ul>
<p>Plugin chracteristics:</p>
<ul>
<li>Does NOT create new image sizes</li>
<li>Does NOT modify the database to operate. However, for debugging purposes, it can clear up cached oEmbed meta_keys in <code>wp_postmeta</code> faster than the 24-hour default</li>
<li>Lightweight (one single PHP page)</li>
<li>Has no visible component on the front end</li>
<li>Does not increase the site response time, provided a caching plugin is used</li>
</ul>
<h3>Configuration</h3>
<p>To configure plugin, go to ‘Settings’ -> ‘Embed Pro Flickr’ from the WordPress dashboard</p>


Embed Pro Flickr

Embed Pro Flickr helps you customize Flickr photos embedded in your WordPress site, improving user experience, performance and SEO.

ben.moody

Eric Holmes

<p>SrcSet responsive images for WordPress allows you to assign a SrcSet group to an image size within WordPress (e.g. medium or large). Any image within a post or page using that image size will have the SrcSet group’s attribute applied to it resulting in responsive images using the srcset attribute.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/2JTaunYbt1M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Why use SrcSet?</h4>
<p>The srcset attribute is fully supported by most modern mobile devices. Where the attribute shines is allowing developers and content creators to eaily create responsive images for WordPress, swapping out large images for smaller ones more suitable to the size of the devices screen. This allows for less overhead when loading a website, improving load times, and reducing the amount of bandwidth visitors have to consume to view the site.</p>
<h4>How does TrueNorth SrcSet Plugin Help?</h4>
<p>SrcSet responsive images for WordPress automates the generation of the srcset attribute for all images attached to or within a post/page’s content. SrcSet groups can be setup for any image size registered with WordPress and once setup all images using that image size (e.g. ‘medium’) will have that SrcSet group’s attribute added to the img tag. No short codes, in fact no coding required at all!</p>
<h4>What about all my existing post images?</h4>
<p>SrcSet responsive images for WordPress comes with a Regeneration tool which will search all your posts and pages (including custom post types) find any images using sizes which have SrcSet groups and automatically add the srcset attribute to each one!</p>
<p>Verified contrib2dev project #d0ba1bfb7d445e852945ceaf0492e4ff. Support this project on contrib2dev.com.</p>


SrcSet Responsive Images for WordPress

SrcSet Responsive Images for Wordpress allows you to change the dimensions of images based on browser size by automatically adding the srcset attribut …

Embed Pro Flickr vs SrcSet Responsive Images for WordPress