AMP Layouts is a revolutionary modular layout system built for AMP that makes easy to create your own AMP design.
It’s got a pre-built design for every use case with customizability options and requires no coding.
Follow the simple steps to Install AMP Layouts plugin.
- Download and Install from the account area.
- Upload and Activate
- Done! The AMP Layouts will be visible on the AMP version of your site.
Step 1: First go to WordPress Admin Area -> AMP option panel -> Design -> Theme -> Make sure to select Swfit theme.
Scroll down a little to see AMP Layouts.
Step 2: Now you can see the AMP Layouts which layout you want just need to import.
Once you import the AMP layout complete design will be change like header, footer, single design like the below screenshot.
To Get the AMP Page Builder Pre-built layout.
Step 3: Now click on Posts or Pages in WordPress dashboard. Scroll down a little to see AMP Page builder click on Pre-built AMP Layout button.
Step 4: Once you click on the Pre-built AMP Layout button Layout directory will be displayed which layout you want just need to select click on View layout button.
Step 5: First click on the preview button for checking the layout (design) if you like that layout then click on the import button.
Step 6: Once you click on the import button alter message will appear. If you want to import new layout then click on ok button.
Step 7: Once you import the layout this option will display on AMP Page builder and click on update the post
The Output of AMP Page builder:
To make easy, we have created a video tutorial on How to Setup & Use AMP Layouts that you can watch below.
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.
This tutorial requires AMP Layouts Extension.
I purchased the pro version. installed amp layouts extension and activated it but when i click Design-Themes, AMP LAYOUTS empty. my website is https://vietnamrehberi.com/
Hi Vietnam Rehberi,
Please contact our technical team. they will check and resolve your issue. You can contact via – https://ampforwp.com/support/
I still use the non-pro AMP plugin and try for the blog post only.
I have problem that the menu is empty, but everthing is oK. (https://digitalpointer.id)
Please advise why ?
And on the home page (and other pages), the menu is overlapping with the logo ?
Both of issues I can not give solution. please help
Hi Kurnia Kwik,
Will you please follow this and add your menu – https://monosnap.com/file/D6QxUNIudfVidn7kqPy35eRI7wvdcG
When i import layout, the featured image on homepage posts not showing.
Hi Rahil Beldar,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
tried applying the layout but did not work..its displaying just the title
Hi Coker Samuel,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.
I am trying to use layouts on a page that is not a homepage.
Can this be done? AMP loads on Desktop too? if so how can I do this.
Hi Guillermo Velez,
Will you please contact our technical team from here- https://ampforwp.com/support/ they will help you as soon as possible.