さぺログ

インターネットで話題のモノ、コト、イベント、役立つ情報や商品レビューを発信中

stinger3でiPhoneのファビコンが変わらない時の確認

      2015/07/01

新しいさぺログのロゴもでき、ブログやTwitterはじめ、様々なサービスのロゴ画像を変更してますが、iPhoneのSafariブラウザーにおいてstinger3のロゴがずっと残ってしまう現象が起きました。

画像やデザインが反映されない時にやるコト

それは、「ブラウザのキャッシュ(履歴)の削除」です。

ファビコンも同じですが、今回のように画像やスタイルシートを更新してもページに反映されない場合の原因は、ブラウザーのキャッシュ(履歴)が多いです。そのため、キャッシュを削除することで履歴データが消えて、新しい画像やデザインが反映されます。

ただ、今回は違いました。となると、原因は?

Stinger3にはiPhone用ファビコンが用意されている

いろいろ探したところ原因は、

「Stinger3には、iPhone用ファビコンが用意されていることがわかりました。」

そのファイルが「apple-touch-icon-precomposed.png」で、ファビコンをセットする同じフォルダ内に存在しました。

ファビコン用に準備した画像を同じファイル名にして入れ替えることで、iPhone用のファビコンも入れ替わりました。

ホーム画面に表示させると、こんな感じになります!

favicon

さぺログ iPhoneのホーム画面

 - WordPress ,

 

スポンサードリンク

 

スポンサードリンク

  関連記事

no image
WordPress 2つのプラグイン追加とPingサーバー設定

当ブログは、WordPressで構築されていますが、下記プラグインや設定を追加し …

wordpress
WordPressのアップデート中に止まったので、再インストールを試してみました

自作テーマに変えてから初めてのWordPressのアップデート作業を行いましたが …

wordpress
5分で完了。Mac(ローカル環境)にもWordPressをいれてみた。

Macのローカル環境にWordPressをインストールしてみました。 だいぶ前か …

no image
WordPress プラグイン「AmazonJS」をインストールしたので、試してみた。

本を紹介する時に、Amazonアフィリエイトを利用して紹介していますが、デフォル …

no image
WordPress プラグイン 「WordPress Popular Posts」を導入。

よく他ブログサイトで「人気の記事」など記事のアクセスランキングを見ます。その「人 …

wordpress
WordPress プラグイン「WPtouch」の「メニュー」レイアウト崩れ修正方法

WordPressのサイトを、スマホ用に自動でレイアウトを変換してくれる、代表的 …

wordpress
WordPressのアクセス解析は、「StatPress Reloaded」をおススメします

あなたのサイトがいつ、どこから、誰に見られているか?(WordPressで構築の …

no image
WordPress3.6へのアップデートが、3クリックで完了しました。

WordPresのバージョンアップ表示が出ていました。マイナーなバージョンアップ …

WordPress 続きを読む(moreタグ)の表示を変える2つの方法

WordPressにインストールや、セットしている機能などで、ちょこっとタグを変 …

wordpress
WordPressを自分色に変えたい!ステップアップブックで勉強中です。

WordPressでさぺログを運用していますが、もう少し自分色を出したいと思い、 …