Make it Srcset

Description

Enables shortcode and a template tag to pull srcset-images by attachment-ID. This is way to complement WordPress built in srcset which (of course) focus on the_content images and media-sizes set in settings. Sometimes your layout demands more, or you are using other ways to put images on your site not using the_thumbnail or the_content. For example, I use Advanced Custom Fields a lot pulling images by ID.

Generated markup are built from a set of custom image-sizes and the, by you configured, (srcset-)sizes attribute. Use the settings-page for default values and override them any time in the shortcode or template tag.

• Option: Generate shortcodes by the mediauploader-button.
• Option: Enable simple lightbox functionality.
• Option: Enable lazhyloading. Option: Include Picturefill

Full documentation at WordPress plugin: Make it Srcset

Installation

1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Use the Plugins->Make it Srcset settings-page to configure the plugin
4. Make sure to set the settings for step 1-2, before uploading images that will be used, since WordPress creates image sizes on upload. (Fallback image-sizes are the ones you set up in Settings->Media)

FAQ

Installation Instructions

1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Use the Plugins->Make it Srcset settings-page to configure the plugin
4. Make sure to set the settings for step 1-2, before uploading images that will be used, since WordPress creates image sizes on upload. (Fallback image-sizes are the ones you set up in Settings->Media)

Reviews

Contributors & Developers

Changelog

Bugfix blurry images when uploaded image is smaller than required by settings. Add styling to lightbox overlay.