さぺログ

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

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 プラグイン 「WordPress Popular Posts」を導入。

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

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

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

mamp control
よりよいブログ運用の為に、まずはMacにも開発環境(MAMP)のセット

今まで、レンタルサーバー上のWordPressで運用をしていましたが、テーマの変 …

no image
SEO対策含め、パーマリンクの設定を変更しました。(その2:変更理由)

パーマリンクの設定変更の続きとして、なぜこのパーマリンクに設定したのか。を纏めて …

no image
JUGEMブログは、Google AdSenseが無効になる。

ブログをWordPressへ引っ越ししましたが、大きな理由としては、 「JUGE …

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

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

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

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

WordPress 自作テーマを補うプラグイン3つを紹介します。

さぺログ自作テーマを適用しましたが、テーマ内だけでは対応できなかった機能などはプ …

WordPress 自作テーマに変えました。

初めてオリジナルのテーマを作って適応しました。

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

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