WordPress Accelerated Mobile Pages Themes ![Tweet](https://camo.githubusercontent.com/a00d957c85627f2862ae61b59289e25f875e9ae40a716efdf5c3e032d6b8f863/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c2f687474702f736869656c64732e696f2e7376673f7374796c653d736f6369616c)
WP AMP Themes helps you improve mobile user engagement with fast, compelling experiences. Discover Accelerated Mobile Pages HTML themes and get up and running by integrating them into your WordPress with ease.
Introduction
The WordPress Accelerated Mobile Pages Themes plugin helps bloggers, publishers and other content creators to easily add AMP support to their WordPress websites. The WP AMP Themes plugin includes one FREE AMP theme (OBLIQ) which is customizable (colors, fonts, appearance) via the WordPress admin area.
The Accelerated Mobile Pages ("AMP") Project is an open source initiative that came out of discussions between publishers and technology companies about the need to improve the entire mobile content ecosystem for everyone — publishers, consumer platforms, creators, and users.
The OBLIQ AMP theme (available for FREE) comes with support for post details and includes a side menu with categories and pages.
Some of the AMP components that we've used when building OBLIQ:
- amp-accordion
- amp-img
- amp-sidebar
- amp-carousel
- amp-social-share
There are dozens of premium AMP themes available at AMPThemes.io: BASE, ELEVATE, FOLIO, INVISION, POPSICLE, PULSE, GHOST, PHANTOM, LUCID, EXTRUDE, VEDI, BLEND, PURE, GOTHAM, FUTURE & PALM.
How Does AMP Work?
Essentially a framework for creating mobile web pages, AMP consists of three basic parts:
-
AMP HTML: A subset of HTML, this markup language has some custom tags and properties and many restrictions. But if you are familiar with regular HTML, you should not have difficulty adapting existing pages to AMP HTML. For more details on how it differs from basic HTML, check out AMP Project’s list of required markup that your AMP HTML page “must” have.
-
AMP JS: A JavaScript framework for mobile pages. For the most part, it manages resource handling and asynchronous loading. It should be noted that third-party JavaScript is not permitted with AMP.
-
AMP CDN: An optional Content Delivery Network, it will take your AMP-enabled pages, cache them and automatically make some performance optimizations.
What Will AMP Look Like On Google?
Google has provided a demo of what an AMP feature would look like in the SERP. You can try it out by navigating to g.co/ampdemo on your mobile phone (or emulate it within Chrome Developer Tools). Then, search for something like: “Donald Trump”.
You will see a carousel toward the top with AMP articles. Click on one for a reading experience embedded in the SERP. You can swipe right or left to read another AMP-enabled article. It’s a different experience from simply navigating to a publisher’s AMP page.
Frequently Asked Questions
- What are the consequences of using Accelerated Mobile Pages?
By using the AMP format, content producers are making the content in AMP files available to be crawled, indexed & displayed (subject to the robots exclusion protocol) and cached by third parties.
- What type of content works best using Accelerated Mobile Pages?
The goal is for all published content, from news stories to videos and from blogs to photographs and GIFs, to work using Accelerated Mobile Pages.
- Is AMP only for mobile?
AMP was designed with responsiveness in mind, to work across all screen sizes.