{"id":16391,"date":"2020-02-14T09:48:20","date_gmt":"2020-02-14T09:48:20","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=16391"},"modified":"2020-02-14T09:48:41","modified_gmt":"2020-02-14T09:48:41","slug":"how-to-show-hide-featured-images-on-pages-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-show-hide-featured-images-on-pages-in-amp\/","title":{"rendered":"How to show\/hide featured images on Pages in AMP"},"content":{"rendered":"\n
Featured Image is responsible for displaying the featured image on your AMP Pages.<\/p>\n\n\n\n
Featured Image on Page<\/strong><\/li>
Featured Image on Pagebuilder<\/strong><\/li><\/ol>\n\n\n\n
1. Featured Image on Page (Swift Design)<\/mark><\/h4>\n\n\n\n
Follow these steps to add a featured image in AMP<\/strong><\/p>\n\n\n\n
1. <\/strong>Featured images are by going to the pages editor. Simply create a new page 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<\/figure>\n\n\n\n
2.<\/strong> First go to the WordPress admin area<\/strong> -> AMP option panel<\/strong> -> Design<\/strong> -> Page -> <\/strong>Enable “Featured Image<\/strong>” option and then click on the “Save Changes<\/strong>” button.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Featured Image:<\/strong> If you enable this option featured image will be shown on a single page in AMP. <\/p>\n\n\n\n
The output of the Featured image on pages<\/strong><\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
If you don\u2019t 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>Enable “Featured Image from Custom Fields<\/strong>” option and in this field add “Custom Field For Featured Image<\/strong>“<\/p>\n\n\n\n
Featured Image from Custom Fields: <\/strong> This will allow you to add Featured Image from Custom Fields.<\/li><\/ul>\n\n\n\n<\/figure>\n\n\n\n
2. Featured Image on Pagebuilder<\/mark><\/h4>\n\n\n\n
If you want Featured Image on Pagebuilder Pages for this to follow these steps to add a featured image on Pagebuilder Pages in AMP<\/p>\n\n\n\n
1.<\/strong> First go to the WordPress admin area<\/strong> -> AMP option panel<\/strong> -> Design<\/strong> -> Page -> <\/strong>Enable \u201cFeatured Image<\/strong>\u201d option.<\/p>\n\n\n\n
2.<\/strong> Once you enable the \u201cFeatured Image<\/strong>\u201d option inside this option “Featured Image on Pagebuilder<\/strong>” option will display you need to enable this option and then click on the \u201cSave Changes<\/strong>\u201d button.<\/p>\n\n\n\n<\/figure>\n\n\n\n
The Output of the featured image on Pagebuilder Pages in AMP <\/h4>\n\n\n\n
<\/figure><\/div>\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
\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
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/1-2-1024x499.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/2-5-1024x506.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-14-13-27-22.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/3-3.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/4-3-1024x502.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-14-13-55-06.png\")
<\/figure><\/div>\n\n\n\n