サポート » プラグイン » Light Houseで指摘されるPWAのマニフェストとして使う情報やデータが不足している場合、どのように追加すれば良いでしょうか?

  • 解決済 echizenya

    (@echizenya)


    いつもお世話になっています。
    下記の質問についてご教示を願います。

    【質問の主旨】

    ヘルプが必要なページについてLight HouseでPWAの状況を確認したところ、”Installable”の箇所で”Failures”の指摘を受けました。

    Web app manifest does not meet the installability requirementsFailures: Manifest does not have a PNG icon of at least 192px, Manifest does not have short_name.

    これらの指摘を受けないようにするためにはどうすれば良いでしょうか?

    【質問の補足】

    1.
    ヘルプが必要なページのWordPressではプラグインのPWAをインストールして有効化しています。

    2.
    “Manifest does not have a PNG icon of at least 192px”について。
    Webサイトに192px × 192pxのサイズのpngファイル挿入してくださいという指摘であると思います。
    ですがそのpngファイルをWordPressサイトのどのディレクトリに保存するかがよく分かりません。

    3.
    Manifestにおける”short_name”について。
    プラグインのPWAをインストールすることで、マニフェスは出来上がっているだろうと個人的に認識していました。

    https://e-yota4.com/index.php?rest_route=/wp/v2/web-app-manifest

    現在上記のURLにアクセスすると、RESTルートマニフェストを確認することはできます。ですがshort_nameのプロパティが存在しません。この内容にさらにshort_name(スマホ画面に表示されるアプリ名)を追記するためにはどうすれば良いでしょうか?

    以上、ご確認をよろしくお願い申し上げます。

    ヘルプの必要なページ: [リンクを見るにはログイン]

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    “Manifest does not have a PNG icon of at least 192px”について。

    icons は、カスタマイズのサイトアイコン([サイト基本情報]-[サイトアイコン])が使用されます。サイトアイコンを設定してみてください。

    Manifestにおける”short_name”について。

    short_name は、バージョン 0.3.0 からデフォルトでは出力されなくなったようです。
    https://github.com/WordPress/wordcamp.org/issues/196

    web_app_manifest フィルターフックで追加する必要があるようです。

    例:

    add_filter( 'web_app_manifest', function( $manifest ) {
    	$manifest['short_name'] = 'Short Name';
    	return $manifest;
    } );

    こんにちは

    short_name は削除されたようです。
    そのうち復活するようです。

    https://wordpress.org/support/topic/short-name-support-in-get_manifest/

    なんといってもバージョン 0.3.0 なので、まだまだちゃんと動かなくても仕方ないんじゃないように思います。

    @ishitaka さん。
    いつもコメントありがとうございます。

    icons は、カスタマイズのサイトアイコン([サイト基本情報]-[サイトアイコン])が使用されます。サイトアイコンを設定してみてください。

    アドバイスありがとうございます。192pxで正方形のサイトアイコンを設定すると、“Manifest does not have a PNG icon of at least 192px”の表示を消すことができました。

    web_app_manifest フィルターフックで追加する必要があるようです。

    こちらもアドバイスありがとうございます。教えていただいたフィルターフックを追加すると、”Manifest does not have short_name” という表示を消すことができました。

    Light Houseでヘルプが必要なページを確認するとPWAの要件をほぼ満たすことができています。また自分のスマホ(Android)で確認すると、ホーム画面でサイトアイコンを追加できることになっています。

    今後ともどうぞよろしくお願いします。

    • この返信は5 日、 20 時間前に  echizenya さんが編集しました。理由: タグを間違えたため編集
    • この返信は5 日、 20 時間前に  echizenya さんが編集しました。理由: タグを間違えたため編集

    @munyagu さん。

    short_name は削除されたようです。そのうち復活するようです。

    アドバイスありがとうございます。
    質問を投稿する前にあらかじめ関連キーワードを自分で調べておくべきだったと思います。そのうち復活するかもしれないことを心に留めておきます。

    今後ともどうぞよろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。