WordPressの開発でブラウザーのタブを判別するためのfavicon設定
こんな感じでローカル環境と本番環境、一般ページと管理者ページなどをプロジェクトごとにタブを開くと、
開きすぎてどれがどのタブかわからずに探す手間がもったいなかったから、faviconで区別できるようにした。
一般ページと管理者ページを以下のプラグインをインストールして個別に指定できるようにする
faviconを作る
.icoファイルでなくてもHTMLのヘッダー部分で直接ファイル指定をするので、.gifでも大丈夫。
開発が複数プロジェクトにまたがる場合のローカル環境のfaviconは色を分けて区別。
以下、サンプル。
管理者ページのfaviconは色を反転させるくらいでいいと思う。
あと、本番環境のfaviconは念のため.ico形式のファイルにしといたほうがいいかも。
ローカル環境の一般ページのfavicon
ローカル環境の管理者ページのfavicon
本番環境の一般ページのfavicon
:
本番環境の管理者ページのfavicon
:
