\n1. Swift Design<\/mark> <\/h4>\n\n\n\nFollow these steps to add a featured image in AMP<\/strong><\/p>\n\n\n\n1. <\/strong>Featured images are by going to the post editor. Simply create a new post and scroll down a little to see if there is a meta box called featured images on the right-hand side of the screen. <\/p>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/2-3-1024x446.png\")
<\/figure>\n\n\n\n 2.<\/strong> First go to the WordPress admin area<\/strong> -> AMP option panel<\/strong> -> Design<\/strong> -> Single<\/strong>. <\/p>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/13-7.png\")
<\/figure><\/div>\n\n\n\nScroll down a little to see this option <\/p>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/25-1.png\")
<\/figure>\n\n\n\nFeatured Image:\u00a0<\/strong>If you enable this option featured image will be shown in a single post in AMP. <\/p>\n\n\n\nFeatured Image Type: <\/strong>In this filed we have two option will display \u201cFull-screen image<\/strong>\u201d or \u201cImage fit above the content<\/strong>\u201d as per your requirement you can select and then click on the \u201cSave Changes<\/strong>\u201d button. <\/p>\n\n\n\n- Full Screen image:<\/strong> Once you select “Full Screen image<\/strong>” option in single page featured image will be displayed in full screen.<\/li>
- Image fit above the content: <\/strong>If you select this option featured image will be displayed in above the content. <\/li><\/ul>\n\n\n\n
Size:<\/strong> In this field, you can select featured image size like thumbnail, Medium, Medium Large, large and full as per your requirement you can select and then click on the \u201cSave Changes<\/strong>\u201d button. <\/p>\n\n\n\n<\/p>\n\n\n\n
The output of Featured image:<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/3-2-1024x477.png\")
<\/figure>\n\n\n\nIf you don’t want to set featured images from meta box then you can follow below the steps.<\/p>\n\n\n\n
1.<\/strong> First go to the WordPress admin area<\/strong> -> AMP option panel<\/strong> -> Settings<\/strong> -> Advance settings<\/strong>. <\/p>\n\n\n\nScroll down a little to see these options.<\/p>\n\n\n\n
- Featured Image from Custom Fields: <\/strong> This will allow you to add Featured Image from Custom Fields <\/li>
- Featured Image from The Content: <\/strong>Show the first image of the content as Featured Image if there is no featured image <\/li>
- Duplicate Featured Image: <\/strong>Turn On the support if you don’t want to show the Featured Image if it already exists in post content. <\/li><\/ul>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/4-2.png\")
<\/figure>\n\n\n\n 2. Other Designs (Design Three, Design Two, Design One)<\/mark><\/h4>\n\n\n\nFollow these steps to add a featured image in AMP<\/strong><\/p>\n\n\n\nFirst, you need to go WordPress Dashboard<\/strong> -> Appearance<\/strong> -> Click on the “AMP<\/strong>” option like below the screenshot. <\/p>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-2.png\")
<\/figure><\/div>\n\n\n\nOnce you click on the AMP option it will redirect to Customize page you need to click on AMP like below the screenshot.<\/p>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8-3.png\")
<\/figure><\/div>\n\n\n\nClick on the Design Option like below the screenshot<\/p>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9-2.png\")
<\/figcaption><\/figure><\/div>\n\n\n\nIf you want to show Featured Images in AMP then you need to check “Featured images<\/strong>” option if you want to hide featured images then you need to uncheck this option and if you want to change the order of the element you can drag and drop this option after that click on the “Publish<\/strong>” button.<\/p>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/10-1-1024x496.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\nWe hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n
\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
1. <\/strong>Featured images are by going to the post editor. Simply create a new post and scroll down a little to see if there is a meta box called featured images on the right-hand side of the screen. <\/p>\n\n\n\n 2.<\/strong> First go to the WordPress admin area<\/strong> -> AMP option panel<\/strong> -> Design<\/strong> -> Single<\/strong>. <\/p>\n\n\n\n Scroll down a little to see this option <\/p>\n\n\n\n Featured Image:\u00a0<\/strong>If you enable this option featured image will be shown in a single post in AMP. <\/p>\n\n\n\n Featured Image Type: <\/strong>In this filed we have two option will display \u201cFull-screen image<\/strong>\u201d or \u201cImage fit above the content<\/strong>\u201d as per your requirement you can select and then click on the \u201cSave Changes<\/strong>\u201d button. <\/p>\n\n\n\n Size:<\/strong> In this field, you can select featured image size like thumbnail, Medium, Medium Large, large and full as per your requirement you can select and then click on the \u201cSave Changes<\/strong>\u201d button. <\/p>\n\n\n\n <\/p>\n\n\n\n The output of Featured image:<\/strong><\/p>\n\n\n\n If you don’t want to set featured images from meta box then you can follow below the steps.<\/p>\n\n\n\n 1.<\/strong> First go to the WordPress admin area<\/strong> -> AMP option panel<\/strong> -> Settings<\/strong> -> Advance settings<\/strong>. <\/p>\n\n\n\n Scroll down a little to see these options.<\/p>\n\n\n\n Follow these steps to add a featured image in AMP<\/strong><\/p>\n\n\n\n First, you need to go WordPress Dashboard<\/strong> -> Appearance<\/strong> -> Click on the “AMP<\/strong>” option like below the screenshot. <\/p>\n\n\n\n Once you click on the AMP option it will redirect to Customize page you need to click on AMP like below the screenshot.<\/p>\n\n\n\n Click on the Design Option like below the screenshot<\/p>\n\n\n\n If you want to show Featured Images in AMP then you need to check “Featured images<\/strong>” option if you want to hide featured images then you need to uncheck this option and if you want to change the order of the element you can drag and drop this option after that click on the “Publish<\/strong>” button.<\/p>\n\n\n\n <\/p>\n\n\n\n That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<\/figure>\n\n\n\n<\/figure><\/div>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n 2. Other Designs (Design Three, Design Two, Design One)<\/mark><\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n<\/figure><\/div>\n\n\n\n
<\/figcaption><\/figure><\/div>\n\n\n\n<\/figure>\n\n\n\n
\n\t\t\t