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

皆さんこんにちは、新しく来た編集者のレイフォンゴです。最近、レイフォンゴは多くのサイトがGoogle ChromeのPWAアプリをサポートしていることに気づきました。PWA機能は、サイトをミニアプリのようなアプリケーションに生成することができ、PCとモバイル端末をサポートします。利点は、Android開発技術がなくても、あなたのサイトのためにAndroid APPを生成できることです。サイトがキャッシュ技術をサポートしている場合、オフライン状態でもサイトの内容を読むことができます。 現在、WeiboもPWAをサポートしており、モバイル版Weiboを開くと、アプリをインストールするかどうか尋ねられます。インストール後のWeibo PWAアプリは基本的にクライアントとして使用でき、広告もありません。

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

Themeテンプレートを変更しない場合、レイフォンゴはWordPressサイトでPWAをサポートするいくつかのPluginを見つけました：Super Progressive Web Apps、PWA for WP & AMP、PWAこの3つの中で、Super Progressive Web Appsのカスタマイズ性と互換性が最も優れているため、以下ではSuper Progressive Web Appsについてご紹介します。

PWA Plugin Super Progressive Web Apps 紹介：

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

Add-Ons for SuperPWA 拡張設定：

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