0

これは新しい手法ではなく、この質問はさまざまなバリエーションで数回尋ねられています。しかし、それらのどれも（グーグルも）、私の問題を解決するのに役立ちませんでした。

次のリンクを使用しています。

<link rel="shortcut icon" type="image/x-icon" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon.ico" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon144.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon72.png" />
<link rel="apple-touch-icon-precomposed" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon57.png" />

これは WordPress のテーマなので、単純に Web ルートにアイコンを配置することはできません。アイコンは実際に機能します。たとえば、サイトを iPad のお気に入りに追加すると、美しい Retina アイコンが表示されます。

しかし、「ホーム画面に追加」を押しても機能せず、代わりに黒いアイコンが表示されます:

ここに画像の説明を入力

4

1 に答える 1

2

iOS が適切なアイコンを見つけられない場合、代わりにページの縮小版を生成します。あなたのページは主に暗いですか？もしそうなら、それは（部分的に）黒いアイコンを説明しています.

あなたのコードは正しいですが、ルールを変更する iOS7 に関して 2 つの不一致があります。

  • サイズが変更されました。たとえば、72x72 の画像は、iOS7 以降では 76x76 になるはずです。まあ、iOS7は古いサイズに対応できるので、これはあなたが観察したことの説明ではありません.
  • 事前に構成された画像は非推奨になりました。apple-touch-icon-precomposedのみapple-touch-iconサポートされます。これはおそらく、ホーム画面でアイコンが失敗する理由を説明しています.

新しいサイズ、予想される HTML コードなどについては、 Apple のリファレンスを参照してください。

適切な画像と HTML コードを作成するには、このファビコン ジェネレーターを使用できます。完全な開示: 私はこのサイトの作成者です。

于 2014-03-05T09:00:11.027 に答える