However creating AMP pages is normally a difficult process due to the very stringent requirements for AMP validation. The AMP Landing Pages plugin is built around the Gutenberg editor blocks but also works with the original WordPress TinyMCE editor. It should work with any theme as every landing page runs in it’s own proprietary template to ensure AMP compliance. Note this may not prevent all plugins from interfering with the page output through hooks and filters, which can create AMP invalidation errors even when the page loads fine.
To test/check your page’s compliance using AMP Validator tool, please go to https://validator.ampproject.org
For more information about AMP Landing Pages please go to https://ampwptools.com/amp-landing-pages
From within WordPress
- Visit ‘Plugins > Add New’
- Search for ‘AMP Landing Pages’
- Activate AMP Landing Pages from your Plugins page.
- Go to “after activation” below.
- Upload the
amp-landing-pages folder to the
- Activate the AMP Landing Pages plugin through the ‘Plugins’ menu in WordPress
- Go to “after activation” below.
- Open or create a page using the Gutenberg editor.
- Assign the page as an AMP Landing Page.
a. Open the Document toolbar on the right side of the screen.
b. Open the Page Attributes tab.
c. Click on the Template: drop-down field.
d. Choose “AMP Landing Page” from available templates.
e. Update the page. If you have Gutenberg activated, or the page does not automatically refresh, you must refresh the page manually to open access to the landing page settings and features.
f. At this point you may build your page on a clean slate, or we can get you started with an editable page layout by clicking the Import Demo Content button in the AMP Landing Pages meta box (below WYSIWYG if using the classic editor, right sidebar under Extended settings if using Gutenberg). The demo content is built using Gutenberg blocks, so we do recommend it for editing them, but the content HTML is also editable in the classic editor.
g. You may also enter a custom Hero Banner Title in the AMP Landing Pages meta box (see f.). The banner uses the page title by default, clear this field to revert to using it again.
- WP Customizer options are available for styling your AMP Landing Pages sitewide with colors, font sizes, logo, menus… etc.
a. Open the WP Customizer.
b. You may assign two menus for use in the plugin template. One for the top navbar (AMP Landing Pages Top Menu), and another for the slide-out mobile menu (AMPLP Mobile Menu Override). If none is assigned to the navbar menu, then the navbar will be empty… if no logo is assigned and no top menu is assigned, then the navbar will not be displayed. If none is assigned to the mobile menu, then it will populate the slide-out menu with the assigned navbar menu.
c. Open the Amp Landing Pages tab in the Customizer. Use the interface as you would any other Customizer setting. Due to major restrictions on how AMP pages can be handled, the preview window does not reflect all changes made in the interface, and conflict in theme vs plugin styling prevent it from being accurate.
AMP Landing Pages, Copyright 2018 ampwptools.com
AMP Landing Pages is distributed under the terms of the GNU GPL
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
This plugin uses the following third-party resources:
Font Awesome icons, Copyright Dave Gandy
License: SIL Open Font License, version 1.1.