スマホ用ウェブクリップアイコンを追加したいのですが上手く行きません

解決済
CHIHO
新規メンバー
1 0 0

スマホにアイコンを登録したいのですが、情報を元に作業してみたいのですが、上手く反映されませんでした。

一瞬表示されるが、黒1色のアイコンになる。

参考にした記事

https://torublog.com/shopify-favicon-webclipicon/#Shopify

コチラ以外に対応方法がございましたら教えて頂けないでしょうか?

また、黒1色になってしまう原因が思い当たるようでしたらアドバイスを頂けないでしょうか。

よろしくお願い致します。

 

すいません、解決致しました。

0 件の「いいね!」
Jizo_Inagaki
航海者
388 134 411

成功

推測になりますが、apple-touch-icon用のlinkタグを設置されているのであれば、作成された画像に原因があるように思います。

画像単体で表示可能かどうかを確認し(hrefに入れたパスをそのままブラウザに入力するなど)、表示されない、あるいは意図した表示とは違う場合は再作成する必要があります。
ファイル名も変更した方が良いです。

確認で意図通り表示される場合も、念のため再作成してファイル名も変更されると表示される可能性があります。

他には可能性は低いと思いますが、作成された画像のパーミッションの確認も行った方が良いかもしれません。
パーミッションの変更方法はお使いのPCごとに違うと思いますので、設定含めて検索で調べたいただければと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。