Clicky

  1. Home
  2. Developer Docs
  3. General
  4. How to modify the image attributes of Images in content

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.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on May 7, 2020

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment