WordPressのcss編集が反映されない時にやるべき事!

CSSが反映されない

WordPressでサイトデザインを変えたい時には、CSSを編集しますよね。

そして、CSS編集が終わったら、当然の事ながらデザインが反映されたかどうか確認する訳ですが、CSS編集が反映されない事がよくあります。

【スポンサーリンク】

 

そういう時、原因が分からないと非常に不安な気持ちになると思います。実際、私はWordpressをぶっ壊してしまったんじゃないかと不安になりました。

しかし、CSSファイルをいじっただけではWordpressはぶっ壊れませんので安心して下さい。

 

WordPressのCSS編集が反映されない原因とは!?

では、なぜCSSをいじったのにブログデザインが何も変更されないのでしょうか?その原因を突き止めなくてはいけません。

実は、CSS編集がWordpressに反映されない原因はいくつか考えられます。自分がこれまでに遭遇したその原因をあなたとシェアします!

 

解決策1:mod_pagespeedを無効にする

グーグルが創った拡張機能に『mod_pagespeed』というものがあります。この機能をオンにするだけでCSSやJS、画像などに対してサイト表示を高速化するための色々な工夫を全自動でやってくれる非常に有り難いものなのですが、これをオンにしているとCSS編集の反映が遅れます。

つまり、mod_pagespeedが独自にCSSのキャッシュを作ってしまうのです。ですから、ご自分の利用しているレンタルサーバーへ行って、mod_pagespeedをオフにします。

(※mod_pagespeedを導入していないサーバーではできません。)

これでブラウザーはmod_pagespeedが作成したCSSのキャッシュを見に行かなくなり、編集したオリジナルのCSSを見に行くようになります。

【Ads by 忍者AdMax】

 

解決策2:ブラウザーのキャッシュを削除する!

解決策1とも被りますが、WordpressのCSS編集が反映されない主要な原因を一言でまとめると『キャッシュ』です。

ブラウザーが既存のCSSのキャッシュを見てしまうためにCSS編集が反映されないのです。変更を加えて同じ名前でアップロードし直した画像が反映されないのもキャッシュが原因です。ブラウザーが古い画像のキャッシュを見てしまっているのです。

なので、ブラウザーに保存されているキャッシュを削除します。キャッシュ削除の方法は以前にご紹介しました。⇒スマホのキャッシュ(インターネット一時ファイル)を削除するやり方 スマホのキャッシュ(インターネット一時ファイル)を削除するやり方 / ブラウザのキャッシュを削除設定する方法(PC版)

 

解決策3:Wordpressのキャッシュ系プラグインを停止する

ブラウザーがキャッシュを見てしまうために、WordpressのCSS編集が反映されないのであるならば、CSSに影響を与えるWordpressのキャッシュ系プラグインを全て『停止』する必要があります。

 

解決策4:CSSの優先順位を確かめる

実は、CSSには優先順位というのがあります。優先順位を考慮しないでCSS編集をしてしまいますと、自分が思ったようにデザインが反映されないという事態に陥る事があります。

これに関してはとても分かりやすくまとめてくれているブログがありましたので、こちらを参考にして下さい。⇒CSSの優先順位 セレクタの強さ

 

解決策5:記事を更新する(wpXサーバーの場合)

wpXサーバーは他のサーバーと少し仕様が異なっておりまして、独自のキャッシュ機能を搭載しているそうです。そのために、CSS編集をしてもすぐにはデザインが反映されません。

では、どうすれば良いかという事ですが、色々いじくっていて気付いたんですが、記事更新が完了した瞬間にCSS編集が反映されます。

記事更新というのは、新しい記事を別途書く必要はありません。既存の記事のどこでも構わないので『。』や『・・・』など何かしらの文字を書き加えてWordpressの『更新』ボタンをクリックします。

これでCSS編集が反映されます。最後はwpXサーバーを使っている人にのみ役立つ情報でした。

By

※いいねと感じたら『いいね』や『ツイート』、また『コメント』等も頂けると嬉しいです。

 

コメントを残す

※掲載基準 批評:○ 根拠のない誹謗中傷:×

【Ads by 忍者AdMax】


【楽天市場デイリー総合ランキングトップ商品】
1980円(送料込)
【ケーキ】一流パテシエが本気で作った ふんわり柔らかで濃厚なスフレチーズケーキです。
レビュー平均:4.68
レビュー件数:37
patisserieyuinohana
1160円(送料込)
柑橘の王様でこぽん・デコポン・みかん・送料無料・愛媛みかん
レビュー平均:3.83
レビュー件数:6875
みさき果樹園
4350円(送料込)
点心★☆肉まんランキング2015年2月23日〜3月1日週間1位、3月13日デイリー1位☆★【テレビCMでも話題の商品】楽天市場内では、当店限定で販売。 送料無料
レビュー平均:4.58
レビュー件数:897
近鉄百貨店

サブコンテンツ

スポンサーリンク

スポンサーリンク

Ads by Criteo(or AdStir)

このブログのQRコード

このページの先頭へ