SyntaxHighlighterはPrismで決まり

ブログ

CSSが反映されない!?それはキャッシュのせいかも知れません。

更新日:

Cache(キャッシュ)。

貯蔵するという意味の英語です。

パソコンで言うCacheは、一度読み込んだwebサイトの情報を、次に読み込む際に高速で表示できるようにパソコン内に保存しておく領域のことを言います。

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]お金のことちゃうんかい。[/say]

[say name="カミ" img="https://cubkitson.net/wp-content/uploads/2019/02/73-1-e1551287234652.jpg" from="right"]そりゃCashやがなー。っておもんないわっ![/say]

[box class="box33" title="こんな人にオススメ"]
[list class="li-chevron li-mainbdr main-c-before"]

  • 何回リロードしてもCSSが更新されないとお嘆きの方
  • そもそもリロードって何?という方
  • キャッシュとリロードについて詳しく知りたい方

[/list][/box]

ファイルが反映されない!?

このCacheはとても便利な機能なのですが、Cacheのせいで編集したcssや、中身だけ変えてタイトルを変えなかった画像ファイルが反映されない。なんてことがよくあります。

この場合、実際は反映されているのですが、自分のパソコンで確認することが出来ません。

じゃあどうするの?という話になるわけですが、ご安心を。

Cacheを消すか、スーパーリロードをすればいいんです。

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]強制リロードとかフルリロードとかっても言うで。[/say]

[say name="カミ" img="https://cubkitson.net/wp-content/uploads/2019/02/73-1-e1551287234652.jpg" from="right"]たまには普通のことも言うやんけ・・・・・。[/say]

スーパーリロードをすれば、キャッシュが残っていても強制的にファイルをダウンロードして反映させます。

スーパーリロード:Windowsの場合

Google ChromeCtrl+F5
Internet ExplorerCtrl+F5
MicroSoft EdgeCtrl+F5
FireFoxCtrl+F5
VivaldiCtrl+F5

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]なんや。Ctrl押しながらF5押せばええのか。[/say]

[say name="カミ" img="https://cubkitson.net/wp-content/uploads/2019/02/73-1-e1551287234652.jpg" from="right"]他にも方法あんねんけどな。いっぱい知ってたってしゃあないやろ。[/say]

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]てかVivaldiってなんやねん。[/say]

[say name="カミ" img="https://cubkitson.net/wp-content/uploads/2019/02/73-1-e1551287234652.jpg" from="right"]こなゆきオススメのブラウザらしいわ。[/say]

スーパーリロード:Macの場合

Google Chrome⌘Command+shift+R
Safari⌘Command+Option+E
FireFox⌘Command+Shift+R

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]リロードは⌘Command+Rで共通やで。[/say]

[say name="カミ" img="https://cubkitson.net/wp-content/uploads/2019/02/73-1-e1551287234652.jpg" from="right"]てか、⌘ とか良く探せたな。[/say]

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]偶然 ⌘ 打つ方法発見したから、思いついたらしいわ。[/say]

それでも反映されない場合、各ブラウザの設定からCacheを消してリロードしてください。

それでも反映されない!

WebサーバーのCacheが残っている場合があります。

その場合、Pluginや、各WEBサーバーの設定パネルからCacheを削除してください。

PluginならWP Fastest Cacheがオススメです。

[say name="シゲ" img="https://cubkitson.net/wp-content/uploads/2019/02/10-2-1-e1551287082977.jpg"]虎のやつや。[/say]

[say name="カミ" img="https://cubkitson.net/wp-content/uploads/2019/02/73-1-e1551287234652.jpg" from="right"]虎ちゃう。ヒョウや。[/say]

WP Fastest Cacheを使用しWebサーバーのCacheをクリアしたいだけなら、Delete Cache and Minified CSS/JSをクリックするだけです。

いやいや、それでも反映されない

WebサーバーのCache、ブラウザのCacheを両方ともクリアしても反映されない場合、残念ですが記述ミスを疑いましょう。

開発者ツール(F12ボタン)を使用し、何がイケないのか確認する必要があります。

まとめ

この記事のまとめです。

[box class="box33" title="まとめ"]
[list class="ol-circle li-mainbdr main-bc-before"]

  1. Cacheは読み込みを早くするために一度開いたサイトの情報やファイルを保存しておく領域
  2. 反映されない場合、スーパーリロードとWebCacheのクリアを!
  3. それでもダメならミスを疑おう。

[/list]
[/box]

最後までお読みいただきありがとうございました。


  • この記事を書いた人

こなゆき

パーフェクト趣味人。 知的好奇心MAX。 ゲーム・パソコン全般・科学・DIY・オーパーツとか怪しげなものも大好物。

-ブログ

Copyright© さぶかるぐらし , 2019 All Rights Reserved.