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

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

  • 解決済 echizenya

    (@echizenya)


    4年、 7ヶ月前

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

    —

    【質問の主旨】

    ヘルプが必要なページについて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件中)
  • ishitaka

    (@ishitaka)

    4年、 7ヶ月前

    こんにちは

    “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;
} );
    munyagu

    (@munyagu)

    4年、 7ヶ月前

    こんにちは

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

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

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

    トピック投稿者 echizenya

    (@echizenya)

    4年、 7ヶ月前

    @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）で確認すると、ホーム画面でサイトアイコンを追加できることになっています。

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

    • この返信は4年、 7ヶ月前にechizenyaが編集しました。理由: タグを間違えたため編集
    • この返信は4年、 7ヶ月前にechizenyaが編集しました。理由: タグを間違えたため編集
    トピック投稿者 echizenya

    (@echizenya)

    4年、 7ヶ月前

    @munyagu さん。

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

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

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

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Light Houseで指摘されるPWAのマニフェストとして使う情報やデータが不足している場合、どのように追加すれば良いでしょうか?」には新たに返信することはできません。

トピックタグ

表示