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.
- Carousel
- Carousel with Thumbnail
- 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.
error: /author/alessandro/page/40/?amp
21/12/16
2 /tag/samsung-galaxy-s7/?amp
21/12/16
3 /tag/thc/?amp
20/12/16
4 /tag/dieta/?amp
19/12/16
5 /tag/green-economy/?amp
06/12/16
© 2016 Google Inc. – Centro webmaster – Termini di servizio – Norme sulla privacy – Guida di Search Console
Hello,
AMP for WP plugin is great! I really like it.
Right now, I am having some issue on AMP carousel.
The WordPress photo gallery gets every other photo space empty on AMP page. (Not showing photo1, photo2, and photo3 sequently. It shows photo1, empty, photo2, empty, and photo3)
Here is an example of AMP page.
http://redwinglife.com/amp-carousel-photo-gallery-test/amp/
Can you please help me to resolve this issue?
Thank you for your help and support in advance.
Hey Chico M,
When seeing the source code I noticed a
after every image. Please check the area once where you added the image gallery.
And make sure there is no
tag added.
Thank you,
Mohammed Kaludi
Mohammed,
Thank you very much for responding back to my question. I also noticed that there is after every image. I did not know why tag were injected. I also used WordPress standard template, Twenty Sixteen, and simply created new gallery. However, it also get same situation (photo, empty, photo, empty, photo) and there is after every image.
As test, I simply created new post and just add gallery, then published. I did not do anything.
Any idea or suggestion?
I appreciate your help.
Regards,
Hi,
My galleries are looking cropped. Is there an option for this?
Example: http://modaduskunu.com/fendi-spring-2018-ready-to-wear/amp/
Gallery images’ size was same as featured image but with this plugin images looks cropped.
There’s any way for Gutenberg Default Gallery or Jetpack Gallery Show as carousel in amp
Hi William,
If you use Gutenberg Default Gallery or Jetpack Gallery Gallery it will show carousel in the amp.
I don’t see the “WordPress Content Gallery” section in Design > Single… why is that?
Hi Luis,
Will you please tell us which Design you are using.
Hi,
Do I need to have paid version for having an image gallery on my WP page?
Hi Ashwini,
In our AMPforWP plugin, this feature is free and if you have issue/problem then contact our technical team – https://ampforwp.com/support/ they will help you as soon as possible.
Hello, I didn’t see “WordPress Content Gallery” section on my WordPress site. I’m tried changing my theme but still doesn’t show that section.
Can you help me, please?
Hi Christian,
Could you please tell us are you using Gutenberg editor or Classic Editor?
Hi! Same problem, I use Classic Editor and AMPforWP Design Three. Galleries are displayed by code [gallery id= ]
Hi Mykola,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
Hello,
I use the paid Newspaper theme. If you want to show a gallery in the content, can you help me?
Hi Halil Akcaylier,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.