First download the Pwa for wp and amp link here wordpress.org/plugins/pwa-for-wp/
Next you downloud Ios pwa wrapper if you embed any other link other than your main one get this one github.com/Develatio/iOS-PWA-Wrapper
if not you can get this one if you only use one domain github.com/xtools-at/iOS-PWA-Wrapper
Head over to Constants.swift and
add your app's name and the main URL to fetch
set the host you want to restrict your app to
add your custom Javascript string to open your Web App's menu.
this is injected into the site when the "Menu" button is pressed. This wrapper assumes you're hiding your Web App's header in favor of the native App navigation and show/hide your menu via Javascript.
customize the colors
tweak the other options as you prefer
Put your own App icons in place in Assets.xcassets
Remember, 1pt equals 1px on 1x-size. E.g., if you have to provide a 20pt icon of 3x-size, it has to be 60x60px.
iOS doesn't like transparency, use background colors on your icons.
I like using App Icon Maker, but any other similar service will do it as well.
Don't forget the launcher icon!
In the Project Overview
change Bundle Identifier and Display Name
add your Certificates and tweak the rest as you wish
a Deployment Target of iOS 10.0 is set by default, as the offline cache isn't preserved after closing the app in earlier versions. Therefore, the wrapper is only tested on iOS 10+ and there's no official support for earlier versions for now.
Build App in Xcode
Then your all set enjoy
this is also available for android = github.com/xtools-at/Android-PWA-Wrapper and electron = github.com/xtools-at/Electron-PWA-Wrapper
