WordPressサイトでGoogle ChromeのPWAアプリケーションをサポートする方法

皆さん、こんにちは。新米編集者のLei Feng Geです。最近、Lei Feng Geは多くのサイトがGoogle ChromeのPWAアプリケーションをサポートしていることに気づきました。PWA機能は、サイトをミニアプリのようなアプリケーションに変換することができ、PCとモバイルの両方をサポートします。その利点は、Android開発の技術がなくても、あなたのサイト用のAndroidアプリを生成できることです。サイトがキャッシュ技術をサポートしていれば、オフライン状態でもサイトのコンテンツを読むことができます。現在、WeiboもPWAをサポートしており、モバイル版Weiboを開くと、アプリをインストールするかどうかのプロンプトが表示されます。インストール後のWeibo PWAアプリケーションは、基本的にクライアントとして使用でき、広告もありません。

では、問題です。WordPressでPWA機能をサポートするにはどうすればよいでしょうか？

テーマテンプレートを変更せずに、Lei Feng GeはWordPressサイトでPWAをサポートするいくつかのプラグインを見つけました：Super Progressive Web Apps、PWA for WP & AMP、PWAこの3つの中で、「Super Progressive Web Apps」はカスタマイズ性と互換性が最も優れているので、以下で「Super Progressive Web Apps」について紹介します。

PWAプラグイン「Super Progressive Web Apps」の紹介：

「Super Progressive Web Apps」プラグインをインストールした後、PWAアプリケーションの名前やサイトの説明を設定できます。アイコンについては、192x192のPWAアプリケーションアイコンと512x512の起動アイコンを設定できます。スタイルに関しては色のみ変更可能です。もしあなたのサイトテンプレートがすでにレスポンシブ対応であれば、大きな問題はないはずです。また、デフォルトの起動ページやオフラインページも設定できます。

SuperPWAの拡張設定「Add-Ons for SuperPWA」：

「Super Progressive Web Apps」は拡張プラグインも提供しており、UTMデータトラッキング 和 Appleタッチアイコンを有効にできます。Appleデバイスを使用している場合は、タッチアイコンを有効にすることをお勧めします。すべて設定したら、Google Chromeであなたのサイトを開き、メニュー内に「PWAをインストール」という項目が表示されます。モバイル端末でサイトを開くと、下部に„XXX“をホーム画面に追加と表示され、デスクトップにあなたのサイトのアプリが表示されます。総じて、WordPressサイトでPWAをサポートするのは非常に簡単です。プラグインを使用したくない場合は、テーマテンプレートを開発してPWA機能をサポートさせることもできます。サイトでPWAをサポートするサンプルコード：アクセス。