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】


【楽天市場デイリー総合ランキングトップ商品】
555円(送料込)
2016日本雑穀アワード最高金賞!日本のスーパーフード雑穀\大麦&もち麦も配合/
レビュー平均:4.43
レビュー件数:59915
ショップオブザイヤー受賞
自然の都【タマチャンショップ】
5979円(送料込)
\ポイント最大7倍!/当店人気No.1【化粧箱包装】[かにしゃぶ/カニしゃぶ/むき身/かに鍋/鍋/福袋/ますよね/御歳暮/ABSB2016]2015/12/30総合1位!
レビュー平均:4.4
レビュー件数:35861
越前かに問屋「ますよね」
1512円(送料込)
≪天然植物成分90%以上で優しいボタニカルシャンプー&トリートメント≫
レビュー平均:4.31
レビュー件数:28093
ショップオブザイヤー受賞
SALONIAオフィシャルサイト

サブコンテンツ

スポンサーリンク

スポンサーリンク

Ads by Criteo(or AdStir)

このブログのQRコード

このページの先頭へ