WordPress网站SuperPWA瞬间变成APPSuperPWA

上面是搬码 abnma.com 经由过程收集网络收拾整顿的代码片断。搬码小编此刻分享给各人,也给各人做个参考。

PWA 是 Progressive Web App 的英文缩写, 翻译过来就是渐入式加强 WEB 使用, 是 Google 在 2016 年提出的观点,2017 年落地的 web 技能。目的就是在挪动端哄骗提供的尺度化框架,在网页使用中完成和原生使用邻近的用户体验的渐入式网页使用。咱们望年夜鸟博客可以在 Chrome 中安装,如图:

挪动端也是会提醒安装的,这个功效怎样完成,假如你是用的 wordpress,那么只需一款插件就可以刹时完成网站撑持 PWA,这款插件就是 SuperPWA。wordpress 的插件后台有许多撑持 PWA 的,不外 SuperPWA 用的人最多,应用也很简朴,并且卸载插件也很洁净,不写数据库,以是说这款插件让人轻微安心点。

一:安装

本身在 WordPress 后台的插件库中搜刮 SuperPWA,即可找到:

年夜鸟预计中间这款 PWA 也不错,用的人也许多,不外咱们照旧用 SuperPWA,究竟用过的,晓得怎么搞。

二:设置

安装启用之后,咱们需求设置插件了,最焦点的要设置好使用图标和启动画面图标这两个:

使用图标:这将是您的使用步伐安装在手机上的图标。必需是 PNG 完全不异的图像 192×192 像素。

启动画面图标:此图标将显示在撑持的设备上的使用步伐的初始屏幕上。必需是 PNG 完全不异的图像 512×512 像素。

使用名称这些要写成本身网站名,其余的都是默许设置就可以了,设置好之后是这个样子的:

设置好之后,生存,插件我主动帮忙咱们的 wordpress 网站天生撑持 PWA 使用。就是年夜鸟一最先先容的样子,可以在阅读器中安装。

三:ADD-ONS

咱们望到插件另有一个 add-ons 选项,这里可以酌情抉择,好比抉择苹果触摸图标:如图:

固然,都不抉择也不妨。随便、随便、随便!

四:后果

PC 端安装好的后果:

安装好之后,就会在桌面天生一个年夜鸟博客的 APP。

挪动端:用 chrome 关上网站之后,会在底部跳出安装的选项:

抉择安装即可,之后会在手机桌面天生一个 APP,额,觉得还不错。

五:总结

今朝有许多博客和网站都撑持了 PWA,Wordpress 站点撑持 PWA 照旧很简朴的,下载一个 PWA 插件即可,假如非 WordPress 站点,那么就的本身往设置了。

至于想深切相识 PWA,本身往搜刮文档查望吧,虽然 PWA 很无意思,但也没想象中的那么好,不外玩玩也是可以的。

以上是搬码(abnma.com)为你网络收拾整顿的全数代码内容,但愿文章可以或许帮你解决所碰到的步伐开提问题。假如感觉搬码网站内容还不错,接待将搬码网站保举给步伐员挚友。

0
分享到:
搬码资源网广告位

评论0

请先

没有账号? 忘记密码?