{"id":4612,"date":"2018-04-21T13:41:51","date_gmt":"2018-04-21T13:41:51","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=4612"},"modified":"2020-05-07T05:46:41","modified_gmt":"2020-05-07T05:46:41","slug":"how-to-change-the-layout-of-content-images","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-change-the-layout-of-content-images\/","title":{"rendered":"How to modify the image attributes of Images in content"},"content":{"rendered":"\n

In this tutorial, we are going to see how to change the layout of the Images present in The Content.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

add_filter('amp_img_attributes', 'amp_img_new_attrs');\n\nfunction amp_img_new_attrs($attrs){\n\n $attrs['layout'] = 'fixed';\n \n return $attrs;\n}<\/pre><\/div>\n\n\n\n
With the help of above code, all the images from the content will be changed from layout=responsive to layout=fixed.<\/p>\n\n\n\n
If you want to change the layout to fixed-height then add the below code in your Theme’s functions.php<\/p>\n\n\n\n
add_filter('amp_img_attributes', 'amp_img_new_attrs');\n\nfunction amp_img_new_attrs($attrs){\n\n $attrs['layout'] = 'fixed-height';\n unset($attrs['width']);\n \n return $attrs;\n}<\/pre><\/div>\n\n\n\n
That’s all folks!<\/p>\n\n\n\n
Note: It will work only with 0.9.86 or above version of AMPforWP.<\/strong><\/p>\n
\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t