PWA AMP

説明

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://twentyfifteen.flexplat.com/?amp=1
  8. https://twentyfifteen-2.flexplat.com/?amp=1
  9. https://twentynineteen.flexplat.com/?amp=1
  10. https://twentynineteen-2.flexplat.com/?amp=1
  11. https://twentyseventeen.flexplat.com/?amp=1
  12. https://twentyseventeen-2.flexplat.com/?amp=1
  13. https://twentysixteen.flexplat.com/?amp=1
  14. https://twentysixteen-2.flexplat.com/?amp=1
  15. https://tyche.flexplat.com/?amp=1
  16. https://tyche-2.flexplat.com/?amp=1
  17. https://virtue.flexplat.com/?amp=1
  18. 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

インストール

  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/ .

貢献者と開発者

PWA AMP はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“PWA AMP” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

3.6.0

(Fri., Aug. 16, 2019)
* improvement: re-test supported web sites

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