Update: The plugin created in this article has moved here and now uses the more appropriate attribute.

It's the official Word Press plugin of the Responsive Images Community Group and is endorsed by the Word Press Core Team.

In this article, we will show you how to add free SSL in Word Press with Let’s Encrypt.

If you're more like me, you probably skipped over a responsive image solution in favor of making things easier for whomever will be doing the updating.

It sounds likely that this will make it into Word Press core eventually. The following post is guest co-authored by Tim Evko (@tevko). When you upload an image, it automatically creates and saves different versions of it.

Tim will show us how we can customize and exploit that ability to help us with responsive images in content.

All you need to do in your theme is make sure this one-liner is present in its file: This will ensure that your theme gives Word Press permission to resize the uploaded images. This makes sense to do as a Word Press plugin, because we'll want to keep it active no matter what theme is active.

We can make it a folder with a PHP file in there to be the plugin code itself, and a copy of the Picturefill library: and it will output the markup we need for Picturefill. One to define the shortcode and what HTML to output, one helper to return alt text, and one specifically to loop through and output the image sources.

Fortunately, with a few lines of PHP and some Java Script, you can now add automatic responsive image functionality to your Word Press site.Here I'll show you how to add support for responsive images to your Word Press site in the form of a small Word Press plugin. For now, we'll use the markup that library suggests, which closely mimics what the going to do is use that markup directly in blog posts, we're going to get Word Press to help us with that.function tevkori_get_img_alt( $image ) { $img_alt = trim( strip_tags( get_post_meta( $image, '_wp_attachment_image_alt', true ) ) ); return $img_alt; } function tevkori_get_picture_srcs( $image, $mappings ) { $arr = array(); foreach ( $mappings as $size = in the future programmatically). The Media Uploader UI doesn't make that information available.When we first covered how to add SSL in Word Press, a lot of our readers asked for a free SSL solution. However that has changed now thanks to Let’s Encrypt.Latest Update: The plugin has been merged into Word Press core.So if you're running Word Press 4.4 or newer, you automatically have this.