前言介紹
- 這款 WordPress 外掛「Progressive Web Apps」是 2016-09-13 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2020-01-31，距離現在已有 1919 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.4 以上。
- 有 4 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
pwa | mobile | mobile web | mobile internet | progressive web apps |
內容簡介
Progressive Web Apps (PWA) 是具有 Web 效果的使用者體驗 (UX)，以下是其特點：
可靠 – 即使在網路環境不確定的情況下，也能立即載入。
快速 – 响應使用者互動的速度快，具有流暢的動畫和無卡頓滾動。
引人入勝 – 在裝置上感覺像是一個自然的應用程式，擁有沉浸式的使用者體驗。
這種全新的品質使得 PWA 可以顯示在使用者的主畫面上。有關更多 PWA 的詳細信息，請參閱 https://developers.google.com/web/progressive-web-apps/。
WordPress Progressive Web Apps 外掛可幫助博客作者、出版商和其他內容創作者超越回應式 Web 設計，並將現有的移動體驗轉化為應用程式。 Progressive Web Apps 支援 iOS 和 Android，相容瀏覽器包括 Safari、Google Chrome、Android 天然瀏覽器。本外掛已在 WordPress 4.8 及更高版本上測試成功，建議使用最新版本的 WordPress。
WordPress Progressive Web Apps 外掛包含一個可自行設定 (顏色、字型、外觀) 的免費行動 PWA (MOSAIC)，使用 WordPress 管理區域。我們使用以下技術堆疊建立此 Progressive Web App：
React JS
Semantic UI 用於 UI 元件
Redux 用於應用程式狀態管理
SASS
Webpack（Create React App 模板）
Babel
Jest 和 Sinon 用於單元測試
免費的 PWA MOSAIC (可在 WordPress Progressive Web Apps 外掛中獲得) 是主題的視覺呈現。你可以立即查看若干類別，並選擇感興趣並關注的類別。根據顯示的類別數量，磁貼將調整大小以適應所有可用空間。這對於在多個類別上擁有文章並需要一種視覺化結構內容的發布者非常有用。
它支援：
封面頁面的多圖磁貼
頁面和次頁面選單
通過側滑操作在不同的類別之間切換
每張卡片最多可容納 2 篇文章
PRO 版本提供了數十種行動 PWA，包括 BASE、OBLIQ、ELEVATE、FOLIO、INVISION、POPSICLE和
原文外掛簡介
Progressive Web Apps are user experiences that have the reach of the web, and are:
Reliable – Load instantly even in uncertain network conditions.
Fast – Respond quickly to user interactions with silky smooth animations and no janky scrolling.
Engaging – Feel like a natural app on the device, with an immersive user experience.
This new level of quality allows Progressive Web Apps to earn a place on the user’s home screen. More details about PWAs here: https://developers.google.com/web/progressive-web-apps/
The WordPress Progressive Web Apps plugin helps bloggers, publishers and other content creators to go beyond responsive web design and ‘appify’ their existing mobile presence. Progressive Web Apps is supported on: iOS & Android. Compatible browsers: Safari, Google Chrome, Android – Native Browser. The plugin has been tested on WordPress 4.8 and later, we recommend using the latest WordPress version.
The WordPress Progressive Web Apps plugin includes one FREE mobile PWA (MOSAIC) which is customizable (colors, fonts, appearance) via the WordPress admin area. The tech stack we used in building this Progressive Web App includes:
React JS
Semantic UI for UI components
Redux for app state management
SASS
Webpack (Create React App boilerplate)
Babel
Jest & Sinon for unit tests
The MOSAIC PWA (available for FREE) is built with React JS. Most of the premium mobile progressive web apps available at PWAThemes.com/progressive-web-app-themes.html are built using Angular/Ionic 1 or React. Each PWA comes with a “production” version, which in essence is the bundled/packaged/minified collection of all the necessary JS and CSS files for the PWA to run correctly.
Each of our progressive web apps are tested with Karma, Jasmine and Protractor (Angular) or Jest (React). We have an average of 70-80% code coverage and we’re working on improving this rate. While we do our best to catch any bugs out there, we are aware that some of them might escape us. Please reach out if you happen to come across a nasty one 😊.
The FREE PWA MOSAIC available in the WordPress Progressive Web Apps plugin is the window-display of themes. You can instantly see several categories and choose which ones are of interest and focus on those. Depending on the number of displayed categories, the boxes will resize to fit all available space. It’s great for publishers that have posts spanning several categories and need a way to visually structure their content.
It comes with support for:
Multi-image mosaic on cover page
Pages & sub-pages menu
Side-to-side navigation with lateral swiping through categories
Maximum 2 articles per card
There are dozens of mobile progressive web apps available in the PRO version: BASE, OBLIQ, ELEVATE, FOLIO, INVISION, POPSICLE, PULSE, GHOST, PHANTOM, LUCID, EXTRUDE, VEDI, BLEND, PURE, FUTURE & PALM.
Additional key features available in PRO:
Rich UI/UX
Your users can have a cozy browsing experience on their favorite mobile device without having to go to an App Store and install anything.
Monetization
Take full control of your income by easily connecting the plugin with your Google DoubleClick for Publishers account.
Translations
The plugin will automatically translate your mobile web app in one of the supported languages: Chinese (zh_CN), Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese (Brazil), Romanian, Spanish or Swedish.
Premium Support
We take pride in offering fantastic maintenance and hands-on support. Our team of friendly mobile experts makes sure technology doesn’t stand in your way.
Analytics
Get to know your mobile users and analyze your impact with our powerful yet simple reader-centric analytics via Google Analytics integration.
Add to Homescreen
Users can add your mobile web application to their homescreens making it just a tap away.
Offline Mode
The application’s files are cached for offline usage together with the content. All of the categories, posts and pages that your users navigate to will be cached for offline usage.
Web Push Notifications
We have integrated with the OneSignal WordPress plugin, allowing you to engage users through push notifications.
Advanced PWA features like offline mode and web push notifications are implemented using service workers and are currently available on Chrome.
We enjoy writing and maintaining this plugin. If you like it too, please rate us. But if you don’t, let us know how we can improve it.
Have fun on your mobile adventures!
Repositories
Here are our Github development repositories:
https://github.com/rock-solid/wordpress-progressive-web-apps – The plugin files, same as you will find for download on WordPress.org.
https://github.com/rock-solid/pwa-theme-mosaic – The Progressive Web App source, built with React, Redux and Semantic UI.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Progressive Web Apps」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1 | 0.5 | 0.6 | 0.7 | 1.0 | 0.5.1 | 1.0.1 | trunk |
延伸相關外掛（你可能也想知道）
AMP 》「Page Experience」（PX）是一組排名訊號，包括「核心網頁素質」（Core Web Vitals，CWV），用來測量使用者與網頁互動的使用體驗。AMP 是一個強大的工具，能...。
Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式，擁有超過150個可自訂選項，讓您擁有22,500種組合選擇！您不需要編寫代碼或知識，只需使用簡單易用的介...。
WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎？需要一個能讓您的手機訪客參與的手機菜單外掛嗎？, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備（智能...。
WPtouch – Make your WordPress Website Mobile-Friendly 》WPtouch是一個 WordPress 插件，為您的 WordPress 網站自動添加一個簡單而優雅的行動版主題，以迎接行動訪客。建議您使用 Google 推薦的 WPtouch，它可以立即...。
WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛，可以讓您在WordPress網站上快速添加高度可定制的響應式菜單，在設置頁面上直接進行自定義，無需任何編碼技能。, 查看實...。
Instant Articles for WP 》該外掛為Facebook即時文章（Instant Articles）新增支援，Facebook即時文章是一種讓發布者在Facebook上展示快速、互動式故事的新手段，文章會預先載入至Faceb...。
Favicon Rotator 》Favicon Rotator 外掛能夠讓您輕鬆客製化您網站上的圖示。只需透過管理頁面新增 favicon，並在每次訪客訪問您的網站時展示。, 亮點, , 新功能：為觸控裝置（A...。
Easy Video Player 》Easy Video Player 是一個易於使用的 WordPress 影片外掛程式，可展示您的影片。您可以嵌入自行架設的影片或使用直接連結外部架設的影片。, Easy Video Playe...。
ShiftNav – Responsive Mobile Menu 》ShiftNav 是 WordPress 的一個很棒的行動裝置選單外掛程式。它的外觀和操作方式與像 Facebook、Gmail 等受歡迎的應用程式的本機 App 側邊拉出式選單非常相似...。
Quick Call Button 》✅ 讓網站輕鬆增加快速撥打電話按鈕。, ✅ Quick Call Button 是一款外掛程式，可以添加快速撥打電話按鈕，幫助您的客戶避免輸入電話號碼，並能立即透過您的...。
Mobile Call Now & Map Buttons 》在設備上新增「立即致電」和「導航」按鈕, , 容易自定義列、文字、按鈕顏色和字體, 設置按鈕出現的裝置尺寸範圍, , 請注意, , 🔥 這是一個新的外掛，最近恢復...。
WP Responsive Table 》這個外掛使得在小螢幕上的 HTML 表格可以橫向滾動。它在其自己的容器中橫向滾動，使得顯示在螢幕上的表格可以更加符合螢幕大小。, 特色, , 開箱即用，無需額...。
mobble 》mobble 提供了與您網站相關的手機條件函數，例如 is_iphone()、is_mobile() 和 is_tablet()。, CSS 媒體查詢非常適合創建響應式網頁設計，但它們並不總是提供...。
Definitely allow mobile zooming 》這個小型的外掛會悄悄地新增 viewport meta tag，讓你的使用者能在行動裝置上縮放你的網站而不受限制。如果你在使用自己喜愛的智慧型手機卻發現無法縮放主題...。
WP SiteManager 》WordPress 作為 CMS 的功能價值隨著版本的增加而增加，目前的 3.4 版本充分利用自訂文章類型和自訂分類法的功能，使得創建多樣化的內容成為可能。然而，隨著...。