Luxeritasカスタマイザー設定 【PWA】

PWAとは

ページの読み込みや表示速度が速くなる。

オフラインでも動く。

などなど、色々メリットがあるようなので、設定していきましょう。

モバイル設定

Luxeritasカスタマイズから、PWAへ

最初は、モバイル用のテーマの色を設定しましょう。

PWAが有効化されていなくても、ブラウザ上で反映されるので、

自分のテーマカーラ(ブログのカラー)を設定するといいと思います。

PWA設定

オフライン時の設定、何度がページを訪問してくれている人に、アプリとしてインストールするかを表示できる設定です。

こんな感じの表示が出るようになります。

マニフェスト

・マニフェストとは

英語から翻訳コンピューティングのマニフェストファイルは、セットまたはコヒーレントユニットの一部である付随するファイルのグループのメタデータを含むファイルです。たとえば、コンピュータプログラムのファイルには、プログラムの名前、バージョン番号、ライセンス、および構成ファイルを記述したマニフェストが含まれる場合があります。 ウィキペディア(英語)

PWAが無効でもマニフェストファイルを読み込む設定。

これで、PWAの設定はできたと思います。

ちゃんと、設定できているかの確認方法は

ちゃんと動作しているか、確認してみてください。

確認出来たら設定は完了です。

設定

Posted by tonton