Faviconが出ない!

閲覧数: 27(0)

タイトル画像と本文は関係ありません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日】
カテゴリーIT閑話, 公開タグ, ,
パンくずリスト詳細
2020年5月12日

テーマの「マイナーチェンジ」に伴って「パンくずリスト」の仕様を若干変更しました。一つ前のテーマではパ  続きを読む

カテゴリーを制限する
blank
2020年5月11日

過去に何度も書いた「カテゴリー制限」の話、元はと言えば初期に書かれた「非公開」の記事が原因です。トッ  続きを読む

マイナーチェンジ
blank
2020年3月23日

かれこれ一年近くほったらかしだったので、気合をいれて「テーマ変更」と思っていたのですが、、、いろいろ  続きを読む

6月の検索ワードまとめ
blank
2019年6月30日

6月の検索ワードのまとめです。 意外なところで「zabbixダウングレード」が複数回検索され、単独の  続きを読む

アクセシビリティ対策
blank
2019年6月23日

テーマカスタマイズの一環で、トップページに一覧表示されている「写真を左右交互に表示する」ようにした際  続きを読む

dockerとproxy
blank
2019年6月18日

dockerやdocker-composeをプロキシ環境下で使うのに苦労したので忘れないようにメモし  続きを読む

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください