PWA AMP

Description

PWA AMP plugin converts WordPress themes into Progressive Web Apps and Accelerated Mobile Pages styles. For more theme conversion, please visit: https://flexplat.com/pwamp-wordpress/ .

Download

  1. GitHub: https://github.com/rickey29/pwamp-wordpress
  2. WordPress Plugins Libraries: https://wordpress.org/plugins/pwamp/

Demo sites

  1. https://hestia.flexplat.com/?amp=1
  2. https://hestia-2.flexplat.com/?amp=1
  3. https://illdy.flexplat.com/?amp=1
  4. https://illdy-2.flexplat.com/?amp=1
  5. https://shapely.flexplat.com/?amp=1
  6. https://shapely-2.flexplat.com/?amp=1
  7. https://twentynineteen.flexplat.com/?amp=1
  8. https://twentynineteen-2.flexplat.com/?amp=1
  9. https://twentyseventeen.flexplat.com/?amp=1
  10. https://twentyseventeen-2.flexplat.com/?amp=1
  11. https://twentysixteen.flexplat.com/?amp=1
  12. https://twentysixteen-2.flexplat.com/?amp=1
  13. https://tyche.flexplat.com/?amp=1
  14. https://tyche-2.flexplat.com/?amp=1
  15. https://virtue.flexplat.com/?amp=1
  16. https://virtue-2.flexplat.com/?amp=1

Highlight

None.

Open Issue

  • https://github.com/GoogleChrome/lighthouse/issues/7158
  • https://github.com/GoogleChromeLabs/sw-toolbox/issues/277

Configuration

None.

Support

Author: Rickey Gu
Web: https://flexplat.com
Email: rickey29@gmail.com
Twitter: @rickey29

Installation

  1. Upload the plugin files to the ‘/wp-content/plugins/pwamp’ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. End users can now get PWA and AMP style of WordPress from mobile web browser.

If you want to get the style from desktop, enter “https://yoursite.com/?amp=1” in your desktop web browser address bar. If you want to check/audit your website PWA and AMP status, use PWA and AMP validation tools to do the job.

FAQ

How to make web browser switch to AMP compliant pages?

Enter “https://yoursite.com/?amp=1” in your web browser address bar.

How to make web browser switch to original theme/style pages?

Enter “https://yoursite.com/?desktop=1” in your web browser address bar.

How to check my website AMP validation status?

I use Chrome AMP Validator Extension: https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc . You can Google to find more solution.

How to audit my website PWA validation status?

I use Chrome Lighthouse Extension: https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk . You can Google to find more solution.

How to add website to mobile device home screen?

You can Google to find the solution, for example, this one: https://www.howtogeek.com/196087/how-to-add-websites-to-the-home-screen-on-any-smartphone-or-tablet/ .

Contributors & Developers

“PWA AMP” is open source software. The following people have contributed to this plugin.

Contributors

Translate “PWA AMP” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

3.5.0

(Wed., Jul. 31, 2019)
* Service Worker improvement

3.4.0

(Fri., Jul. 26, 2019)
* more retrofit

3.3.0

(Sun., Jul. 21, 2019)
* new feature: support TwentySeventeen
* new feature: support TwentySixteen

3.2.0

(Wed., Jul. 17, 2019)
* new feature: support TwentyNineteen

3.1.0

(Sat., Jul. 13, 2019)
* retrofit continue

3.0.0

(Sun., Jul. 07, 2019)
* retrofit

2.8.0

(Fri., Jun. 28, 2019)
* new feature: inline with PWAMP phpBB 3.2

2.7.0

(Thur., May 16, 2019)
* new feature: inline with PWAMP MyBB 1.8

2.6.0

(Sun., Mar. 31, 2019)
* new feature: support more web site(s)

2.5.0

(Sun., Mar. 24, 2019)
* new feature: support more web site(s)

2.4.0

(Sun., Mar. 10, 2019)
* new feature: support more web site(s)

2.3.0

(Mon., Mar. 04, 2019)
* new feature: support more theme(s)

2.2.0

(Tue., Feb. 26, 2019)
* new feature: support more web site(s)

2.1.0

(Sun., Jan. 27, 2019)
* retrofit continue

2.0.0

(Thur., Dec. 27, 2018)
* retrofit

1.0.0

(Sun., Feb. 18, 2018)
* primary development