【エックスサーバー】CSSが変更されない場合の対処方法

エックスサーバーにCSSファイルをアップロードし直したのに、CSSの変更が反映されない、とお困りの方へ。

たとえば、xampp上のCSSファイルを修正して、納得がいったのでいざエックスサーバーにアップロードした・・・

けど、CSSの変更が反映されない？！なんで？！

これは、ブラウザのキャッシュが原因です。

ブラウザのキャッシュを削除すると、解決します。

エックスサーバーで「ブラウザキャッシュ設定」を

にしておくと、キャッシュしたデータを読み込むため、CSSファイル、JavaScriptファイル、画像ファイルなど対象データの更新がすぐに反映されない可能性があります。

その場合は、ブラウザのキャッシュを削除してご確認ください。（エックスサーバーの公式マニュアル）

キャッシュをクリアしてブラウザを更新したい場合は、“Ctrl + Shift + R” の同時押しで一発更新してくれます。

手動でやりたい場合

Google Chromeでキャッシュを削除する方法は、

Googleのアカウントヘルプ

ただ、CSSやJavaScriptの更新がある度にクライアントやユーザーに対して「キャッシュをクリアしてください」というのもなんだかなって感じがしますよね。

そこで、CSSやJavaScriptの更新をすぐサイトに反映させる方法が必要です。

具体的な手順は別記事に書きました、
変更したはずのCSS/JavaScriptがサイトに反映されない！？ときの対処法
を参照してください。