Featured Image

This article is for AMP Theme Framework users.

About this Component

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

How to use:

The following are the steps to use this component.

Step 1:

To initiate the support for the component in your theme just add the following code to the functions.php of the theme files.

// Featured Image
add_amp_theme_support('AMP-featured-image');

This was the back-end part where we’ve just initiated, now to make it appear in the front-end follow the next step.

step 2:

To display the Featured Image we need to call it where we wanted to display it.
example: add the following code in single.php of the theme files.

<?php amp_featured_image();?>

with this, you’re successfully able to show Featured Image on your theme.

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
Ahmed Kaludi

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 months ago

What is the CWV plugin all about

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

6 months 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…

7 months ago

Google Analytics ( GA4 ) integration in AMPforWP

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

12 months ago

How to add Marfell Analytics in AMP

In this article, I will show you how to add Dotmetrics Analytics to your AMP…

1 year ago

How to modify the H1-H6 size for mobile devices

In this option, we will show you how to modify the H1-H6 size for mobile…

1 year ago