Faviconの設定

Favicon(サイトのロゴ)の設定を忘れていたので、設定しました。

 ↓下記を参考にしました。

https://glatchdesign.com/blog/web/coding/943

headerの中にリンクを貼るだけ。カンタンですね。

う〜ん…rel="shortcut"の記述は非推奨とありますが…。

どのブラウザから見られるかは分かりませんし…。とりあえず下記の様に書きました。

<!-- Favicon -->

<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url(); ?>icons/TNet_favicon.ico" >

ロゴはsketchを使って自分で描きました。普通のjpgなど画像の拡張子をicoに変えて保存するだけでOKです。

何か某阪○タイガースのロゴに似ているな、と思ったそこのあなた、きっと気のせいです…。

ちなみに本番とローカル環境でそれぞれ下記の様にFaviconを分けておくと、どこを開いているか一目瞭然ですね。


・追記

iphoneでも表示するようにしました!
上述の箇所に下記のコードを加え、iphone用の画像のpngファイルを用意。

<link rel="apple-touch-icon" href="<?php echo base_url(); ?>icons/TNet_favicon_SP.png" >

 ↓ こんな感じ。

作成日時:2018-09-23 23:40

更新日時:2019-06-22 14:15