Faviconが出ない！

タイトル画像と本文は関係ありませんw
どうでもいいが、新しいエディターは慣れないせいで使いにくいぞ。ここまでルック＆フィールを変えるのはなんでだろう？日本人って前例踏襲が好きな民族なのか外国人がその辺りにまるで無頓着なのか、もしかしたら両方ってことかもしれないが。。。

使いにくい

本題はブラウザのタブに表示される「Favicon」が表示されなくなったこと。ややこしいのはChromeだと表示されていてFirefoxだと表示されないこと。Chromeはキャッシュが表示されている可能性が大。姉妹サイトの「Tsubopedia」のFaviconは表示されている。Mediawikiは作成した「favicon.ico」をアップロードして、設定ファイルに場所を指定するという伝統的な手法なので問題があった場合でも対処が容易。Wordpressの場合はテーマによるが、今使っている「Fotografie」ではメディアにアップロードされた画像を切り取って(cropped)そのフォーマットのまま使用する。なので「favicon.ico」を検索してもテーマフォルダ下には見つからない。サイトアイコンアップロード機能はWordpress 4.3以降の機能。ただしIE10以前のブラウザでは.icoファイルでないと表示しないとのこと。IE使わないからいいやw

「移行前」は表示していた。原因は移行作業にあることはたぶん「明白」この辺のアタリを付けることに失敗するとトラブルシューティングが堂々巡りに陥る危険がある。ここは経験と勘がモノを言う世界w

「画像ファイル」というキーワード出てきたので勘の鋭い人なら「ああ、画像ファイルの直リンク禁止設定だろ？」とアタリを付けていると思います。ええ、その通りですw

location ~* \.(png|jpg|jpeg|gif|ico)$ {
    valid_referers server_names;
    if ( $invalid_referer) {
        return 403;
    }
}

画像フォルダに切り取った画像を保存してそこを参照している現在のテーマの作り上、打ち手は少なくて、個人的には嫌いな個別対応となりました。(´･ω･`)　だって自サイトからのアクセスじゃないの？と思った方、鋭いですね。テーマ内部からのアクセスにリファラーを設定することはたぶんしてなくて、自サイト内だけどリファラー無しではじかれてるって感じですかね。そうか！リファラーを明示的に指定(‘origin’とか)するって手もあるなと今思ったので、後で試してみます。

location ~* cropped-image-file {
}

location ~* \.(png|jpg|jpeg|gif|ico)$ {
    valid_referers server_names;
    if ( $invalid_referer) {
        return 403;
    }
}

選んだ画像ファイルの切り取ったファイル名を直接設定ファイルに書き込みます。やっつけ感満載ですが、今のところ他の方法が思いつかなかったので泣く泣く。(´･ω･`)

NGINXを再起動して確認します。あれ？出ない。。。Firefoxってコンテンツキャッシュとは別にFaviconキャッシュも持っていて、このままでもいつかは更新されるけど、今すぐ確認したい3歳児としては「なんでやねん！」ってことでキャッシュをゴリゴリ削除します。クッキーとかも消えちゃって、いろいろ設定も飛んじゃうので後々不便ですが、背に腹は代えられぬ。

コンテンツキャッシュはバーガーメニューから「オプション」「プライバシーとセキュリティ」から「Cookieとサイトデータ」から「データを消去」を選んで実行します。Faviconキャッシュはちょっと面倒で、バーガーメニューから「ヘルプ」を選び「トラブルシューティング情報」「フォルダーを開く」を選択します。フォルダーが開いたら「Firefox」を終了してから「favicon.sqlite」を削除します。Firefoxを再起動してサイトにアクセスするとFaviconが表示されている「はず」

最終更新日: 2019年6月14日