Faviconが出ない!

閲覧数: 28(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年11月1日

検索ネタを連発するのはElasticsearchやElasticPresがバージョンアップした時のお  続きを読む

ElasticPress日本語設定2020年版
blank
2020年10月29日

ElasticsearchをWordpressで利用するためのプラグインであるElasticPres  続きを読む

ElasticPress 3.5
blank
2020年10月22日

Elasticsearch用のプラグインであるElasticPressがメジャーバージョンアップ(3  続きを読む

Elasticsearch 6.8.11
blank
2020年10月2日

2017年末に「2.4.6」から「5.6.5」へバージョンアップして以来の大幅バージョンアップです。  続きを読む

パンくずリスト詳細
blank
2020年5月12日

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

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

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

コメントを残す

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