【WordPress】CSSの変更が反映されない時に試したこと

超ひさびさのWordPress関係の記事といいますか、CSSの事です。

長々とテーマに触れていなかったので、「忘れちゃいかん!」と思い、カスタマイズと書けば仰々しいですが、地味~にほとんど分からない所を変更したんですが、いつもならリロードすれば変更出来たのに画面が変わらない???

デベロッパーツールも無反応・・・

キャッシュをクリアしても反応なし・・だと!

ふむふむ、まぁ・・・とりあえず落ち着け俺!原因を探すのだ!!

使用ブラウザはChrome。この記事は見る側にとっては何も関係ない話で、デザイン等を変更した時にすぐに確認できなくなってしまったので、困ったな~って話です。
スポンサーリンク

無い頭で考えてみた

無い頭で考えた。確か何処だか忘れたがCSSを追記したことが有る。おそらくこいつのせいかなと思い、同系統の別サイトを見てみる。すると、ちゃんと更新されるのでそれで間違い無さそう。

しかし、残念なことにCSSを追記したのは半年以上前で、おっちゃんの頭の中には内容までは入っていなかったorz 確か重要部分で間違えれば画面が真っ白になるところだったはずなので、コードの記述ミスではなく、コードそのものがなんらかの原因で読み込まれていないみたい。

なので修正は無し!つーかそれを外すと他の問題が出たはずなんでいじれないし、どーすれば良いかもわからないw

あれ?Chromeを再起動すると反映されているぞ??

一旦、Chromeを終了して再開すると反映されている?はて??キャッシュの設定か???

よく分からんが、キャッシュをクリアしてブラウザを再起動すると反映されるみたいだ。

ま、まぁ、デザインはほとんど変更しないからいいか・・・

「良くないわい!!!」

「いちいち何か変更する度にそんな面倒なことするんかい!」

ふぅ~ なにか解決策を探そう・・・

とりあえず半分解決?

調べてみると、サーバーから直でキャッシュを使わずにページ読み込む事ができるらしいではないか!それがいいのか分からんがね。

Chromeを使っているのでそれで説明しますね。

まず変更したいページで、F12ボタンまたは右クリックでデベロッパーツール(検証)を起動。

左クリックで再読込ボタンを長押しをして【ハードの再読込み】を選択するだけ。

一応これで読み込まれるようになったが、一旦ブラウザを閉じると、また同じ作業をしなければいけない状態です。(TдT)

しかも、何度か試さないと読み込んでくれない場合がある。それで、何となく原因がわかったようなきがするけど、修正していないのでなんとも言えない。多分放置かな?

頻繁にカスタマイズする人は困るかもしれないが、めったに変更しない私にとってはとりあえずOK!・・・いいのかw まぁ時間が有れば直そう。

まとめ

WordPressをいじっている人は大抵似たような現象に見舞われた事があるのではないでしょうか?主な原因は以下のことがほとんどかな?

  • 原因の多くはCSSの記述ミス
  • キャッシュが残っている

私も何回かありますが、記述ミスで上手く行かないことがほとんどかと思われる。こまめにバックアップをとったり、その都度記述をしっかり見直せばさして問題はない。

記述をしっかりと確認してリロードしても、変更が確認できない場合は試してみてもいいかもしれませんね。

素人のおっちゃんがやった方法ですので、これでいいのか分かりません。何か不具合があっても当たり前のことですが、全て自己責任でお願いしますね。
スポンサーリンク

シェアする

フォローする

スポンサーリンク