今回は簡単にですがfaviconの設定方法について解説します。
laravelでfaviconを設定する情報がそもそも少ないんですが、他の記事通りに設定してみても表示されなくて、結構ハマってしまいました。
開発環境
PHP 7.3.9
MAMP 5.7
Mysql 5.7.26
Laravel 6.20.7
Composer 2.0.8
favicon（ファビコン）とは
faviconとはタブの上部に表示されるアイコンのことです。
faviconの作成方法
自分が使いたい画像を用意して以下のサイトでfavicon用に加工できます。
Favicon & App Icon Generator
faviconの設定方法
生成したfavicon.ico(ファイル名は任意で拡張子.icoのもの)をpublicディレクトリ配下に置きます。
こんな感じですね。
あとはresources/views/layouts/app.blade.phpのheadタグ内で以下の記述をすれば表示されます。
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('/favicon.ico') }}">
基本的には以上の設定で大丈夫だと思われますが、
どのブラウザで表示することを想定するかによって設定が異なるで注意してください。
faviconが表示されないとき
「favicon laravel」等で検索して出てくる記事は上記の設定で表示できると書かれていることが多いのですが、なぜか僕の環境では表示できなかったので、もし同じ状態の方は参考にしてください。
僕が修正したのは単純にfavicon.icoをpublicディレクトリ直下に置くのではなくpublic配下にimagesディレクトリを作成してその中にfavicon.icoを設置しました。
こんな感じです。
その後、resources/views/layouts/app.blade.phpのheadタグ内の記述を以下に変更します。
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('images/favicon.ico') }}">
こうするとしっかり表示されるようになりました。
パスの書き方が間違っているのかと思い、いろいろ試しましたがなぜかpublic直下では全く読み込みできなかったです。
再現性は低いかもしれませんがどなたかの役に立てれば幸いです。