How to Add Image Gallery Carousel in AMP Version

WordPress has a simple way to create Image Gallery. You can easily create a gallery with images in the media library or upload new images. And WordPress gallery is user and mobile friendly. Now Accelerated Mobile Pages also supports Image Gallery Carousel in unique Eye Catching way. In this Mini Guide Let us see How to Add Image Gallery Carousel in AMP Version.

Adding Image Gallery Carousel in AMP Version

Follow the simple steps:

Step 1 –  First, Go to  WordPress Admin Panel –> Create Now Post / Page –> Click on Add Media.

Step 2 – Next, Click on the Add Media.

Step 3 –  Click on the Create Gallary option and Existing Images or Upload New Images –> Click on Create a new gallery.

Step 4 – After that click on Insert gallery button –>Publish.

Step 5 – Successfully Image Gallery Carousel created.

In AMP we have Three Gallery Designs.

  1. Carousel
  2. Carousel with Thumbnail
  3. Grid With Lightbox

First Go to WordPress admin area -> AMP option panel ->Design ->Single.

Next, Scroll down you can see this option WordPress Content Gallery.

  • Select Gallery Designs: In this option, you can select the design which you want to use in the AMP version.
  • Lightbox for Gallary: If you enable this option lightbox will be displayed in AMP.

The Output of Carousel in AMP

The Output of Carousel with Thumbnail

The Output of Grid With Lightbox

Note: The Image Gallery Carousel only works in the Swift 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
Teja

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…

3 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