皆さんこんにちは、新米編集者の雷鋒哥です。最近、雷鋒哥は多くのウェブサイトがGoogle ChromeのPWAアプリをサポートしていることに気づきました。PWA機能を使うと、ウェブサイトをミニアプリのようなアプリに生成でき、PCとモバイルの両方をサポートします。利点は、Android開発の技術がなくても、ウェブサイト用のAndroidアプリを生成できることです。ウェブサイトがキャッシュ技術をサポートしていれば、オフライン状態でもサイトのコンテンツを読むことができます。
現在、微博もPWAをサポートしています。モバイル版微博を開くと、アプリをインストールするかどうかのプロンプトが表示されます。
インストール後の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アプリの名前とサイトの説明を設定できます。アイコンについては、192×192のPWAアプリアイコンと512×512の起動アプリアイコンを設定できます。
スタイルは色の変更のみ可能です。サイトのテンプレートが既にレスポンシブ対応していれば、大きな問題はないはずです。デフォルトの起動ページやオフラインページも設定できます。
SuperPWAの拡張設定「Add-Ons for SuperPWA」：
「Super Progressive Web Apps」は拡張プラグインも提供しており、UTMデータトラッキング 和 Appleタッチアイコンを有効にできます。Appleデバイスを使用している場合は、タッチアイコンを有効にすることをお勧めします。
すべて設定したら、Google Chromeであなたのサイトを開き、メニュー内に「PWAをインストール」という項目が表示されます。
モバイル端末でサイトを開くと、下部に„XXX“をホーム画面に追加と表示され、デスクトップにあなたのサイトのアプリが表示されます。
全体的に、WordPressサイトでPWAをサポートするのは非常に簡単です。プラグインを使いたくない場合は、テーマテンプレートを開発してPWA機能をサポートさせることもできます。サイトでPWAをサポートするためのサンプルコード：アクセス。