ザ・トールのカスタマイズ中、WPにログインしている私には、トップページのMENU、虫眼鏡、TwitterやRSS等のアイコン画像が問題なく表示されているのに、確認用にシークレットウィンドウで開くと謎の☒印が……。
延々と悩み続けた私の約48時間が先達のおかげで報われましたので、感謝を込めつつメモ。
悩める他の方にも届け……！
↓本来アイコンが表示されるべきところが×表示になってしまう、こういうトラブルへの対処法です。
前提
Yesが多かったら、この記事が役立つ確率アップ
- MENUや検索の虫眼鏡マーク、SNSアイコンなどが ☒ になっちゃう？
- WordPressにログイン中はアイコンが表示されるけど、シークレットウィンドウ等で確認すると非表示になってる？
- ブラウザによって表示されたりされなかったりする？
- スマホから見るとアイコンが表示されてる？
確認してみよう
ChromeでWordPressのトップページ（アイコンが上手く表示されないページ）を開く
F12を押す
Consoleを押す
赤字・赤い字で
Access to XMLHttpRequest at ‘（ほにゃらら～～～）’ from origin ‘（ほにゃらら～～～）’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
みたいなことを言われる？
であれば、解決策はこちら！
チョッピーデイズ
外部サイト設置のリソース読み込み時に、「Access to font at 'https://〇〇〇〇.com/styl…
上記を参考に、.htaccessを編集するとアイコンが無事表示されるようになりました……。
スッキリと問題解決してとてもハッピー。今日は気持ちよく眠れそうです。
