Lionel Pointet

Mathieu Le Roi

Benjamin Lupu

Uncategorized Creations

<p><strong>Important ✋</strong>: beginning with version 1.5.3, we don’t support anymore native iOS app. This is a tough choice <a href="https://uncategorized-creations.com/4550/dropping-ios-support-%F0%9F%98%B1/" rel="nofollow ugc">we explain here</a>.</p>
<p><strong>Progressive web apps</strong>: support for progressive web applications (PWA) has been added to 1.5x release. PWA are a new way to deliver fast, reliable and great experience on the web notably for mobiles. They allow to create apps accessible as websites that you can install and access as traditionnal mobile apps.</p>
<p>A great way to build progressive web apps (PWA) and mobile apps for your WordPress site using your favorite technologies: JavaScript, HTML and CSS.</p>
<p>Progressive web apps (PWA) and mobile applications are a great way to offer an outstanding mobile experience for your users. Using push notifications, letting users read offline, using saved accounts to share content are among many wonderful things you can do with mobile applications.</p>
<p><strong>Build with Cordova or VoltBuilder</strong>: Since October 2020, Adobe has discontinued PhoneGap Build and ended investment in PhoneGap, so PhoneGap Build cannot be used to build WP-AppKit apps anymore. But as of version 1.6.0, WP-AppKit allows to build apps with raw Cordova tools or VoltBuilder online service.</p>
<h4>The Toolkit You Need to Build Your App</h4>
<ul>
<li><strong>Native support of WordPress</strong>: custom post types, custom fields, custom taxonomies, comments, secured authentication</li>
<li><strong>Full support of progressive web apps (PWA)</strong></li>
<li><strong>Android support</strong></li>
<li><strong>Cordova</strong>: use JavaScript, HTML and CSS to build apps</li>
<li><strong>VoltBuilder</strong>: Easy online compilation</li>
<li><strong>Themes</strong>: create app themes</li>
<li><strong>Customizable</strong>: hook into our API to add the features you need</li>
</ul>
<p>Get a look at all <a href="https://uncategorized-creations.com/features/?utm_source=wordpress.org&utm_medium=referral&utm_campaign=plugin_readme" rel="nofollow ugc">available features</a></p>
<h4>Getting Started</h4>
<p>Even if you are familiar with development, building your first PWA or mobile app can be intimidating. We know that, we’ve been there before 🙂</p>
<p>For that, we have tutorials and documentation that will guide you through the process:<br />
* to create your first PWA<br />
* to have your first app connected to your WordPress site installed on your phone.</p>
<p><a href="https://goo.gl/3yed8t" rel="nofollow ugc">WP-AppKit Documentation</a></p>
<p>You can also check this video that shows in 5 minutes what you will achieve thanks to the <em>Getting Started</em> tutorial.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/t6KwLxuoZ2g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>App Themes: a Flexible Way To Build Apps</h4>
<p>WP-AppKit supports JavaScript based PWA and app themes. We provide 2 default sister themes named <em>Q for iOS</em> and <em>Q for Android</em>. These themes are installed with the plugin. You can  also develop your own themes.</p>
<ul>
<li><a href="https://www.youtube.com/watch?v=fSQVx8-rqCY" rel="nofollow ugc">Q for Android</a> (video)</li>
</ul>
<h4>Documentation and Tutorials</h4>
<ul>
<li><a href="https://goo.gl/6EW93W" rel="nofollow ugc">Complete documentation</a>.</li>
<li><a href="https://goo.gl/vKxBFD" rel="nofollow ugc">Tutorials</a>.</li>
<li><a href="https://github.com/uncatcrea/wp-appkit" rel="nofollow ugc">GitHub repository</a></li>
</ul>
<blockquote>
<p><strong>Pro Support and add-ons for WP-AppKit</strong> If you need to get further with WP-AppKit, we offer a <a href="https://goo.gl/pqfNjm" rel="nofollow ugc">paid support</a> for advanced topics and convenient <a href="https://goo.gl/5oisKB" rel="nofollow ugc">add-ons</a> to integrate specific features (eg. push notifications).</p>
</blockquote>
<p><strong>More information at <a href="https://goo.gl/pEYAE4" rel="nofollow ugc">getwpappkit.com</a>.</strong></p>


WP-AppKit – Mobile apps and PWA for WordPress

Whaou !
Great tool to transform easily your plateform in a mobile app.
And you know what ? It is free !




Great plugin

Important ✋: beginning with version 1.5.3, we don't support anymore native iOS app. This is a tough choice we explain here.

Ryunosuke Shindo

<h3>About this plugin</h3>
<p>To make your WordPress website to PWA, this plugin make two files, “Manifest” and “ServiceWorker” in your website.<br />
Manifest file is a json file that has configurations of web applications.<br />
ServiceWorker is a JavaScript file that controls PWA’s functions.<br />
To start PWA, configure two files from configuration screen.</p>
<p>You can fine-tune the cache, such as expiration date, time and URL exclusion.<br />
By excluding the URLs, like a new arrival information,  data acquisition destination in Ajax, this plugin can keep PWA data fresh.<br />
You can set expire time of caches, then old cache will purged after specified time.</p>
<p>After version 1.1.2,<br />
Multi sites are supported.<br />
You can defer the PWA installation popup shown in browser default and add your own installation button on your sites.</p>
<h3>STEP1</h3>
<h4>Configure Manifest</h4>
<p>Prepare icon image file, image file must be png format.<br />
Make offline page, this page will cached with PWA installation and shown when PWA is offline.<br />
Setup manifest file from Manifest Configuration page.<br />
Image file will be resized to fit icon sizes automatically.</p>
<h3>STEP2</h3>
<h4>Configure ServiceWorker</h4>
<p>Setup ServiceWorker file from ServiceWorker Configuration page.</p>
<h3>COMPLETE!</h3>


PWA for WordPress

有効期限やURLでの除外などキャッシュの細かなコントロールができます。
新着情報のリストやajaxでのデータ取得先のURLなどをキャッシュから除外することで、サイトの鮮度を保ちながらPWAの恩恵を受けることができる。

Cache control

5分以内ででPWA化できました！
とても嬉しいです！

完成度が神レベル

PWA for WordPress makes your WordPress site to PWA (Progressive Web App) and makes control of PWA data caches easy.

WP-AppKit – Mobile apps and PWA for WordPress vs PWA for WordPress