サイトのデザインが変わっていない、サイトのデザインが反映されない…。
サイトのデザインが反映されない…。そんなときは、ブラウザのキャッシュが原因かもしれません。
お客様から「変更されていない！」と相談されたとき、キャッシュクリアの方法を伝えるとスムーズに解決できます。
ここでは、主要なブラウザ（Chrome、Firefox、Safari、Edge）ごとのキャッシュクリア手順をわかりやすくまとめました。
お客様にも簡単に説明できるように、手順はシンプルに書いています。さっそくチェックしてみましょう！
Google Chromeでのキャッシュクリア
Chromeは多くの人が使うブラウザなので、まずはここから。
お客様がChromeを使っている場合、以下の手順を伝えてみてください。
Chromeブラウザの設定からクリア
- Chromeの右上「⋮」メニュー → 「設定」 → 「プライバシーとセキュリティ」 → 「閲覧履歴データの削除」。
- 「キャッシュされた画像とファイル」にチェックを入れて「データを削除」。
- サイトを再読み込み。
開発モードからクリア
- Chromeを開く
サイトを表示している状態で、キーボードの「F12」キー（Macなら「Command + Option + I」）を押して、開発者ツールを開きます。 - ネットワークタブを選択
開発者ツールの上部メニューで「Network」をクリックします。 - キャッシュを無効化してリロード
- ツールバーの「更新ボタン」（丸い矢印）を右クリック（Macなら長押し）。
- 「キャッシュの消去とハードリロード」を選択。
- これで最新のCSSが読み込まれます！
関連記事
chromeでサイトごとにキャッシュを削除する方法は別の記事で紹介しています。
キャッシュ自体を無効にしたい場合はこちらの記事が参考になるかもしれません。
Firefox
FirefoxでのキャッシュクリアFirefoxを使っているお客様には、以下の手順を案内しましょう。Chromeと似ていますが、微妙に操作が異なります。
手動でキャッシュをクリア
- Firefoxの右上「☰」メニュー → 「設定」 → 「プライバシーとセキュリティ」。
- 「Cookieとサイトデータ」セクションで「データを消去」をクリック。
- 「キャッシュされたウェブコンテンツ」にチェックを入れて「消去」。
開発者ツール
- 開発者ツールを開く
サイトを表示した状態で「F12」（Macなら「Command + Option + I」）を押します。 - ネットワークタブでキャッシュ無効化
- 開発者ツールの「ネットワーク」タブを選択。
- ツールバーの「設定アイコン」（歯車）をクリックし、「キャッシュを無効化」にチェックを入れる。
- ページを更新（「F5」または「Command + R」）。
Safari
SafariでのキャッシュクリアSafariはMacユーザーに多いブラウザ。以下の手順でキャッシュをクリアできます。
ブラウザからキャッシュをクリア
- 「履歴」メニュー → 「履歴を削除」でキャッシュを含むデータをクリア。
- または、「環境設定」 → 「プライバシー」 → 「すべてのウェブサイトデータを削除」。
開発メニュー
- Safariのメニューで「環境設定」 → 「詳細」タブ。
- 「メニューバーに“開発”メニューを表示」にチェック。
- これで「開発」メニューが表示されます。
- メニューバーの「開発」 → 「キャッシュを空にする」を選択。
- ページを更新（「Command + R」）。
Microsoft Edge
Microsoft EdgeでのキャッシュクリアEdgeもChromeと同じエンジンを使っているので、操作は似ています。
ブラウザの設定からキャッシュをクリア
- Edgeの右上「…」メニュー → 「設定」 → 「プライバシー、検索、サービス」。
- 「閲覧データの削除」セクションで「今すぐクリア」をクリック。
- 「キャッシュされた画像とファイル」にチェックを入れて「クリア」。
開発者ツールでキャッシュクリア
- サイトを開いた状態で「F12」（Macなら「Command + Option + I」）を押して開発者ツールを開く。
- 「ネットワーク」タブを選択。
- 更新ボタンを右クリックし、「キャッシュの消去とハードリロード」を選択。
お客様に伝えるときのコツ
キャッシュクリアはお客様にとって少し難しい操作かもしれません。以下のポイントでスムーズに説明しましょう。
- 簡単な言葉で: 「ブラウザが古いデータを覚えているので、最新のデザインを見るためにキャッシュをクリアしてください」と伝える。
- ビジュアルでサポート: スクリーンショットをメールで送るか、簡単な手順書（PDFなど）を用意。このブログをシェアいただくのもOK！
- 代替案を提案: キャッシュクリアが難しい場合は、別のブラウザやシークレットモード（プライベートブラウジング）で確認してもらう。
キャッシュクリアでスムーズな確認を！
ブラウザのキャッシュ問題は本当に困りますよね。原因と解決方法がわかれば今後のやりとりもスムーズになります。
また、WordPressのテーマ側でスタイルシートのバージョンを動的に付与してキャッシュのクリア問題を解決したい場合はこちらの記事を確認してください。
