WordPress【twenty seventeen】子テーマのスタイルシート(CSS)を変更しても反映されない場合に対処する方法

再読み込み
Pocket

【twenty seventeen】の子テーマを作成し、WordPress上の[外観]-[テーマ編集]より子テーマのスタイルシート(style.css)に追加デザインを加え、[ファイルの更新]ボタンを押してみた。

ここまでは順調だったのだが、ここからハマってしまった

実際にブラウザ(GoogleCrome)で記事を確認すると、変更したデザイン内容が反映されていないのだ。勿論、ブラウザ上で再読み込みもしてみた。

それでも反映されない。これは【twenty seventeen】の不具合なのか?というような事も頭をよぎった。

しかし、まずは間違いが無かったのか調べてみたが、記載にミスはない。記事のHTMLソースを見ても間違っているようには見えない。考えても仕方がないので、そのままにして次の日にページを参照すると、CSSが反映されているではありませんか

「え、何で?」と疑問が・・・。

実はブラウザの再読み込みではなくスーパーリロードという事をしないといけないことがわかったのだ

スーパーリロードとは何か?

ブラウザに残っているキャッシュを強制的に無視して、サイトの情報法を全て読み込みし直す機能なのだ。GoogleCromeの再読み込みや[F5]キーでの再読み込みでは、キャッシュの読み込みし直しをしない時があるようだ。

実はこのスーパーリロードにつては、GoogleCrome以外のブラウザにおいてもある。きっと表示速度改善の為に少しでも読み込み直しするものを減らすために、このような仕様になっているのだろう。

スーパーリロードはどうすればできるのか?

この機能はブラウザによって異なるので、ブラウザ毎に説明する。今回はキーボードのみでの説明とする。

  • 【GoogleCromeの場合】
    ・[shift]+ [F5]
    ・[ctrl]+ [F5]
  • 【Internet Explorerの場合】
    ・[ctrl]+ [F5]
  • Firefox】
    ・[ctrl]+ [F5]
    ・[ctrl]+ [shift]+[F5]

恐らく大半の人は上記のブラウザを利用していると思います。もしデザイン変更して通常の再読み込みでデザイン変更されていない場合は、上記の方法で試してみてください。

それでもダメな場合はどうすれば良いか?

これもブラウザ毎に操作は違いますが、キャッシュや過去の閲覧履歴等を消去する設定画面がありますので、その画面でキャッシュを削除してみましょう。

【A8.netに登録しよう!】
◇ 広告主数・アフィリエイトサービス数日本最大級☆
◇ 登録はもちろん無料、審査なしのアフィリエイトサービス☆
◇ 使いやすいサイトNO.1
アフィリエイトならA8.net

Pocket

“WordPress【twenty seventeen】子テーマのスタイルシート(CSS)を変更しても反映されない場合に対処する方法” への3件の返信

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です