Linux 软件免费装
Banner图

PWA — easy way to Progressive Web App

开发者 iworks
更新时间 2024年12月9日 17:42
捐献地址: 去捐款
PHP版本: 8.0 及以上
WordPress版本: 6.7
版权: GPLv3 or later

标签

progressive progressive web app PWA Progressive Web Application manifest.json

下载

1.1.2 1.2.2 1.6.6 1.6.7 1.2.0 1.5.0 1.5.5 1.5.8 1.5.9 1.6.3 1.4.1 1.6.0 1.1.1 1.5.7 1.2.3 1.1.4 1.4.3 0.0.2 1.0.0 1.2.1 1.1.3 1.1.6 1.3.0 1.3.1 1.3.2 1.4.2 1.5.1 1.5.2 1.5.4 0.0.1 1.3.3 1.4.0 1.5.3 1.5.6 1.1.0 1.1.5 1.6.1 1.6.2 1.6.4 1.6.5

详情介绍:

Progressive Web Apps (PWA) is a technology that combines the best of mobile web and the best of mobile apps to create a superior mobile web experience. They are installed on the phone like a normal app (web app) and can be accessed from the home screen. Users can come back to your website by launching the app from their home screen and interact with your website through an app-like interface. Your return visitors will experience almost-instant loading times and enjoy the great performance benefits of your PWA! iWorks PWA makes it easy for you to convert your WordPress website into a Progressive Web App instantly! Once this plugin is installed, users browsing your website from a supported mobile device will see a “Add To Home Screen” notice (from the bottom of the screen) and will be able to ‘install your website’ on the home screen of their device. iWorks PWA allow to add shortcuts for context menu to be displayed by the operating system when a user engages with the web app's icon. iWorks PWA is easy to configure, it takes less than a minute to set-up your Progressive Web App! See room for improvement? Great! There are several ways you can get involved to help make PWA — easy way to Progressive Web App better:
  1. Report Bugs: If you find a bug, error or other problem, please report it! You can do this by creating a new topic in the plugin forum. Once a developer can verify the bug by reproducing it, they will create an official bug report in GitHub where the bug will be worked on.
  2. Suggest New Features: Have an awesome idea? Please share it! Simply create a new topic in the plugin forum to express your thoughts on why the feature should be included and get a discussion going around your idea.
  3. Issue Pull Requests: If you're a developer, the easiest way to get involved is to help out on issues already reported in GitHub. Be sure to check out the contributing guide for developers.
Thank you for wanting to make PWA — easy way to Progressive Web App better for everyone!

安装:

There are 3 ways to install this plugin: 1. The super easy way
  1. In your Admin, go to menu Plugins > Add.
  2. Search for iWorks PWA.
  3. Click to install.
  4. Activate the plugin.
  5. A new menu PWA in Settings will appear in your Admin.
  6. A new location PWA Shortcuts Menu in Display location will appear in Appearance -> Menu.
2. The easy way
  1. Download the plugin (.zip file) on the right column of this page.
  2. In your Admin, go to menu Plugins > Add.
  3. Select button Upload Plugin.
  4. Upload the .zip file you just downloaded.
  5. Activate the plugin.
  6. A new menu PWA in Settings will appear in your Admin.
  7. A new location PWA Shortcuts Menu in Display location will appear in Appearance -> Menu.
3. The old and reliable way (FTP)
  1. Upload iworks-pwa folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the 'Plugins' menu in WordPress.
  3. A new menu PWA in Settings will appear in your Admin.
  4. A new location PWA Shortcuts Menu in Display location will appear in Appearance -> Menu.

屏幕截图:

  • Generic configuration.
  • Apple configuration.
  • Microsoft configuration.
  • Installation app on Android.
  • Shortcuts menu on Android.

常见问题:

How can I add a context menu?

= How can I translate manifest.json values? It is only possible with WPML package.

  1. Install and activate WPML Multilingual CMS and WPML String Translation plugins.
  2. Save manifest.json data on WP Admin -> Settings -> WPA.
  3. Open WP Admin -> WPML -> String translation`.
  4. Select domain iworks-pwa.
  5. Translate strings.
The shortcuts member defines an array of shortcuts or links to key tasks or pages within a web app. A user agent can use these values to assemble a context menu to be displayed by the operating system when a user engages with the web app's icon.
  1. Install Menu Icons by ThemeIsle plugin.
  2. Go to WPA -> Appearance -> Menu.
  3. Open "Menu Icon Setting" from the "Add menu items" column (it should be on the bottom).
  4. Be sure you have "Image" checked.
  5. Create a custom menu and set "Display location" to "PWA Shortcuts Menu".
  6. Add item.
  7. Select icon - it is recommended that you use a single 192x192 pixel icon.
  8. Save the menu.

What is "Add to Home screen"?

Add to Home screen (or A2HS for short) is a feature available in modern browsers that allows a user to "install" a web app, ie. add a shortcut to their Home screen representing their favourite web app (or site) so they can subsequently access it with a single tap. A2HS is supported in all mobile browsers, except iOS web view. It's also supported in some Chromium desktop browsers.

更新日志:

1.6.7 (2024-12-09) 1.6.6 (2024-12-06) 1.6.5 (2024-11-12) 1.6.4 (2024-10-01) 1.6.3 (2024-09-16) 1.6.2 (2024-08-26) 1.6.1 (2024-08-20) 1.6.0 (2024-07-04) 1.5.9 (2024-02-24) 1.5.8 (2023-12-27) 1.5.7 (2023-11-17) 1.5.6 (2023-10-27) 1.5.5 (2023-07-10) 1.5.4 (2023-06-30) 1.5.3 (2022-11-16) 1.5.2 (2022-09-26) 1.5.1 (2022-09-10) 1.5.0 (2022-08-03) 1.4.3 (2022-05-06) 1.4.2 (2022-04-08) 1.4.1 (2022-04-05) 1.4.0 (2022-04-05) 1.3.3 (2022-03-22) 1.3.2 (2022-03-22) 1.3.1 (2022-03-22) 1.3.0 (2022-03-16) 1.2.3 (2022-02-23) 1.2.2 (2022-02-21) 1.2.1 (2022-02-16) 1.2.0 (2022-02-15) 1.1.6 (2022-01-27) 1.1.5 (2022-01-27) 1.1.4 (2022-01-24) 1.1.3 (2022-01-24) 1.1.2 (2022-01-24) 1.1.1 (2022-01-23) 1.1.0 (2022-01-21) 1.0.0 (2022-01-04) 0.0.2 (2021-04-26) 0.0.1 (2021-03-18)