How to modify the image attributes of Images in content

In this tutorial, we are going to see how to change the layout of the Images present in The Content.

Let’s say you want to change the layout of images from responsive( which is default) to fixed. Then add the below code in your Theme’s functions.php.

add_filter('amp_img_attributes', 'amp_img_new_attrs');

function amp_img_new_attrs($attrs){

 $attrs['layout'] = 'fixed';
 
 return $attrs;
}

With the help of above code, all the images from the content will be changed from layout=responsive to layout=fixed.

If you want to change the layout to fixed-height then add the below code in your Theme’s functions.php

add_filter('amp_img_attributes', 'amp_img_new_attrs');

function amp_img_new_attrs($attrs){

 $attrs['layout'] = 'fixed-height';
 unset($attrs['width']);
 
 return $attrs;
}

That’s all folks!

Note: It will work only with 0.9.86 or above version of AMPforWP.