How to show/hide featured images on Pages in AMP

Featured Image is responsible for displaying the featured image on your AMP Pages.

  1. Featured Image on Page
  2. Featured Image on Pagebuilder

1. Featured Image on Page (Swift Design)

Follow these steps to add a featured image in AMP

1. 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.

2. First go to the WordPress admin area -> AMP option panel -> Design -> Page -> Enable “Featured Image” option and then click on the “Save Changes” button.

Featured Image: If you enable this option featured image will be shown on a single page in AMP.

The output of the Featured image on pages

If you don’t want to set featured images from meta box then you can follow below the steps.

1. First, go to the WordPress admin area -> AMP option panel -> Settings -> Advance settings ->Enable “Featured Image from Custom Fields” option and in this field add “Custom Field For Featured Image“

  • Featured Image from Custom Fields:  This will allow you to add Featured Image from Custom Fields.

2. Featured Image on Pagebuilder

If you want Featured Image on Pagebuilder Pages for this to follow these steps to add a featured image on Pagebuilder Pages in AMP

1. First go to the WordPress admin area -> AMP option panel -> Design -> Page -> Enable “Featured Image” option.

2. Once you enable the “Featured Image” option inside this option “Featured Image on Pagebuilder” option will display you need to enable this option and then click on the “Save Changes” button.

The Output of the featured image on Pagebuilder Pages in AMP

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Share
Published by
Sonali R
Article Categories: How To

How to create an AWeber form in AMP

If you want to add an AWeber form in AMP then first you need to…

3 years ago

How to setup webpushr notification in AMP

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…

3 years ago

How to add Adobe Analytics in AMP

Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…

4 years ago

What is the CWV plugin all about

Core Web Vitals are the subset of Web Vitals that apply to all web pages,…

4 years ago

How to fix “Alternate page with proper canonical tag” Page Index issue in Google Search Console

The following reasons can be shown for non-indexing. Server error (5xx) Your server returned a 500-level…

4 years ago

Google Analytics ( GA4 ) integration in AMPforWP

We have added the Google Analytics 4 ( GA 4 ) integration in AMPforWP v1.0.80.…

4 years ago