Title: PWA for WordPress Author: Ryunosuke Shindo Published: 2018 年 8 月 29 日 Last modified: 2019 年 4 月 23 日 --- 搜尋外掛 ![](https://ps.w.org/pwa4wp/assets/banner-772x250.png?rev=1932277) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/pwa4wp/assets/icon-256x256.png?rev=1932277) # PWA for WordPress 由 [Ryunosuke Shindo](https://profiles.wordpress.org/ryushindo/) 開發 [下載](https://downloads.wordpress.org/plugin/pwa4wp.1.2.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/pwa4wp/#description) * [使用者評論](https://tw.wordpress.org/plugins/pwa4wp/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/pwa4wp/#installation) * [開發資訊](https://tw.wordpress.org/plugins/pwa4wp/#developers) [技術支援](https://wordpress.org/support/plugin/pwa4wp/) ## 外掛說明 ### About this plugin To make your WordPress website to PWA, this plugin make two files, “Manifest” and“ ServiceWorker” in your website. Manifest file is a json file that has configurations of web applications. ServiceWorker is a JavaScript file that controls PWA’s functions. To start PWA, configure two files from configuration screen. You can fine-tune the cache, such as expiration date, time and URL exclusion. By excluding the URLs, like a new arrival information, data acquisition destination in Ajax, this plugin can keep PWA data fresh. You can set expire time of caches, then old cache will purged after specified time. After version 1.1.2, Multi sites are supported. You can defer the PWA installation popup shown in browser default and add your own installation button on your sites. ### STEP1 #### Configure Manifest Prepare icon image file, image file must be png format. Make offline page, this page will cached with PWA installation and shown when PWA is offline. Setup manifest file from Manifest Configuration page. Image file will be resized to fit icon sizes automatically. ### STEP2 #### Configure ServiceWorker Setup ServiceWorker file from ServiceWorker Configuration page. ### COMPLETE! ## 螢幕擷圖 * [[ * Main panel: status and usage, toggle switch for PWA start/stop. * [[ * Configure and generate ‘Manifest’ * [[ * Configure and generate ‘ServiceWorker’ ## 安裝方式 1. Upload the plugin files to the `/wp-content/plugins/pwa4wp` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress 3. Use the `PWA for WordPress` screen to configure the plugin 4. If “Current PWA Status” in main panel is not working, press “START” button. 5. done! ## 常見問題集 If you have any questions… Contact us from this link. [http://www.compin.jp/contact-pwa4wp/](http://www.compin.jp/contact-pwa4wp/) Update information We are managing the source code with github. There is information about updates and issues. [https://github.com/ryu-compin/pwa4wp](https://github.com/ryu-compin/pwa4wp) ## 使用者評論 ![](https://secure.gravatar.com/avatar/8a0ccfc0858bcb05120563f9c436127691dbf904db1057b88fbd2dc34eb1ab74? s=60&d=retro&r=g) ### 󠀁[日本語化対応されていて、使いやすい](https://wordpress.org/support/topic/%e6%97%a5%e6%9c%ac%e8%aa%9e%e5%8c%96%e5%af%be%e5%bf%9c%e3%81%95%e3%82%8c%e3%81%a6%e3%81%84%e3%81%a6%e3%80%81%e4%bd%bf%e3%81%84%e3%82%84%e3%81%99%e3%81%84/)󠁿 [Anonymous User 18228745](https://profiles.wordpress.org/anonymized-18228745/) 2020 年 8 月 20 日 日本語化対応されていて、使いやすい ![](https://secure.gravatar.com/avatar/9e12ee73c860b3578909fca126abb2b1d5e0289b14c1c30a75b76f68061c82d8? s=60&d=retro&r=g) ### 󠀁[完成度が神レベル](https://wordpress.org/support/topic/%e5%ae%8c%e6%88%90%e5%ba%a6%e3%81%8c%e7%a5%9e%e3%83%ac%e3%83%99%e3%83%ab/)󠁿 [Ryo Uozumi](https://profiles.wordpress.org/ryoraspp/) 2019 年 7 月 12 日 5分以内ででPWA化できました！ とても嬉しいです！ ![](https://secure.gravatar.com/avatar/581484a3563cbc7d96d811298de0e2fb300b141282ed8595ced5d07a6dda6012? s=60&d=retro&r=g) ### 󠀁[Excellent Solution](https://wordpress.org/support/topic/excellent-solution-38/)󠁿 [dageni](https://profiles.wordpress.org/dageni/) 2019 年 3 月 5 日 I was looking for a PWA plugin for a multisite installation. It had to be compatible with our push notifications plugin and I tried a quite a few before I came across this one. What a great find! An outstanding plugin, easy to setup with lots of very useful features. Many thanks and best wishes to the developers. ![](https://secure.gravatar.com/avatar/6c21b6ffdc6fa5feddecd56f650ab29d80ccc5daf61f8177820c56733723a23d? s=60&d=retro&r=g) ### 󠀁[Cache control](https://wordpress.org/support/topic/cache-control-3/)󠁿 [Ryunosuke Shindo](https://profiles.wordpress.org/ryushindo/) 2018 年 8 月 29 日 有効期限やURLでの除外などキャッシュの細かなコントロールができます。 新着情報のリスト やajaxでのデータ取得先のURLなどをキャッシュから除外することで、サイトの鮮度を保ち ながらPWAの恩恵を受けることができる。 [ 閱讀全部 4 則使用者評論 ](https://wordpress.org/support/plugin/pwa4wp/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈PWA for WordPress〉的開發相關工作。 參與者 * [ Ryunosuke Shindo ](https://profiles.wordpress.org/ryushindo/) 〈PWA for WordPress〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/pwa4wp/contributors) 為這個外掛做出的貢獻。 [將〈PWA for WordPress〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/pwa4wp) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/pwa4wp/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/pwa4wp/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/pwa4wp/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/pwa4wp/)。 ## 變更記錄 #### 1.2.0 Update: Added “not set” for “orientation” parameter. Added feature “Force Online- First” and “Force Cache-First”. Fixed issue: “add” button of First caches does not work. #### 1.1.5 Fixed issue: Install popup displayed even though “Defer PWA install” mode. #### 1.1.4 Update: Added preview page to default exclude URL. Fixed issue: Preview pages were not excluded from cache. Left margin of pwa4wp-admin.css in several admin pages. In admin console, some words were not translated. #### 1.1.3 Fixed issue: in pwa4wp-a2hs-controller.js, event didn’t pushed into global variable. #### 1.1.2 Fixed issue: Fixed a2hs control js error. #### 1.1.0 / 1.1.1 Release Date – 06 December, 2018 Update: Multi-site supported. Defer PWA installation option added. Fixed issue: Regular expression form for “URLs for exclude from cache list” increases escape character in every time saving settings. #### 1.0.7 Release Date – 22 September, 2018 Update: Added test form for reguler expression in ServiceWorker settings. Fixed issue: Fixed PHP worning when PWA is active before Manifest created. Fixed PHP worning when Manifest create before ServiceWorker created. #### 1.0.5 / 1.0.6 Release Date – 12 September, 2018 Fixed issue: Readme typo. Fixed JavaScript error when fetching “online first”. #### 1.0.4 Release Date – 12 September, 2018 Fixed issue: Readme typo. Update: When Manifest file generated, ServiceWorker will be re-generated only when ServiceWorker already exists. Added donation button. 🙂 Edited CSS. #### 1.0.3 Release Date – 04 September, 2018 Fixed issue: ServiceWorker cache name is not correct. #### 1.0.2 Release Date – 04 September, 2018 Fixed issue: Removed unused CSS loading. Update: Add toggle switch for PWA start/stop #### 1.0.1 Release Date – 30 August, 2018 Fixed issue: When deactivate plugin, ServiceWorker and Manifest files are removed but PWA status remains active. #### 1.0.0 Release Date – 29 August, 2018 First release. ## 中繼資料 * 版本 **1.2.0** * 最後更新 **7 年前** * 啟用安裝數 **300+** * WordPress 版本需求 ** 4.4 或更新版本 ** * 已測試相容的 WordPress 版本 **5.1.22** * PHP 版本需求 ** 5.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/pwa4wp/) 及 [Japanese](https://ja.wordpress.org/plugins/pwa4wp/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/pwa4wp) * 標籤: * [mobile](https://tw.wordpress.org/plugins/tags/mobile/)[progressive web app](https://tw.wordpress.org/plugins/tags/progressive-web-app/) [progressive web apps](https://tw.wordpress.org/plugins/tags/progressive-web-apps/) [pwa](https://tw.wordpress.org/plugins/tags/pwa/) * [進階檢視](https://tw.wordpress.org/plugins/pwa4wp/advanced/) ## 評分 5 星，滿分為 5 星 * [ 4 個 5 星使用者評論 ](https://wordpress.org/support/plugin/pwa4wp/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/pwa4wp/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/pwa4wp/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/pwa4wp/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/pwa4wp/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/pwa4wp/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/pwa4wp/reviews/) ## 參與者 * [ Ryunosuke Shindo ](https://profiles.wordpress.org/ryushindo/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/pwa4wp/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://paypal.me/pwa4wp/10USD)