function responsive_images($atts, $content = null) { add_shortcode(‘responsive’, ‘responsive_images’); @media only screen and (max-width:767px) { You can now use the [responsive] shortcode to insert responsive images in your blog: [responsive]<img src=”image_url” alt=”alt” title=”title” />[/responsive]
return ‘<div>’ . $content .'</div>’;
}
Once done, open your style.css file and add those CSS rules:
.image-resized img {
width:100%;
height:auto;
}
}
