AMP: Setting up and testing AMP for WordPress

Information Update: The theme fully support AMP in Transitional mode in Version 5.0

AMP (Accelerated Mobile Pages) is an open-source initiative to make websites of all kinds more accessible on smartphones and tablets.

The theme support AMP in Transitional Mode and for page/post and all other default templates. It is served to mobile visitors when they find the content on platforms such as Twitter, Pinterest, Google Search, and others.

To getting started, Follow the steps below:

  1. Install & active plugin AMP: https://wordpress.org/plugins/amp/
  2. Navigate to Dashboard > AMP > General
  3. Select Content Types and Templates you would like to enable under the Supported Templates option.

AMP Settings

  1. Navigate to Theme Options > AMP Settings.
  2. Set what you need and save changes.
Font & Color Settings:  AMP will use default fonts, colors of the site settings.

You can refer the official site for further information.

How to access to an AMP URL?

The AMP plugin will automatically generate AMP-compatible versions of all your posts, which you can view by appending /amp/ to the end of your post URLs. For example:

  • Original URL: https://yoursite.com/your-post-permalink/
  • AMP URL for single post: https://yoursite.com/your-post-permalink/amp/
  • Other templates: https://yoursite.com/your-post-permalink/?amp/

Missing an element or section on AMP pages?

AMP imposes certain restrictions on CSS usage (maximum of 75KB of CSS), Javascript is not allowed and many other restrictions.

We tried to do our best to support as many features as possible for the AMP. However, Some features may not display on the AMP version and we do not guarantee that 3rd plugins will be compatible with it or not.

 

Was this page helpful?

Still no luck? We can help!

Contact us and we’ll get back to you as soon as possible.