WordPressのスタイルシート(CSS)を編集しても反映されない場合

 

WordPressのテーマのスタイルシート(CSS)を編集しても表示に変化がない場合があります。(変更が反映されていない)

実際、先ほど、これにハマりました、、、

Chromeでは正常に反映されたのにSafariでは反映されておらず、何度も見直しました。

同じPC・OSのブラウザで表示に違いが発生したため、ブラウザ固有の一種のバグかとも思い調べてしまいました。(ちょうど、floatの設定だったため、それっぽい検索結果も見つかり、あれこれ読むものの解決せず)

結果、改めて表示が反映されていなかったSafariのソースでスタイルシートを確認したところ、編集内容が反映されていないスタイルシートになっていました。

要はキャッシュです。

スタイルシートのキャッシュ更新方法

画像では、画像URLに適当なクエリを付けるとキャッシュに関係なく最新版が表示されるのですが、スタイルシートの場合、例えば”style.css?123″としても最新版は表示されませんでした。

そこで、ブラウザの設定でキャッシュをクリアする方法もあるのですが、今回は、スーパーリロードという方法を採用しました。

具体的には、以下の操作でスーパーリロードが実行可能です。

■Windows

・IE、Chrome、Firefox
Ctrl+F5

・Safari
Ctrl+R

■Mac

・Chrome、Safari
Command+R

・Firefox
Command+Shift+R

#詳しくは、LIGブログで紹介されている「サイトの修正が反映されない時の対処法(スーパーリロード、キャッシュクリア)」をご覧下さい。

 

余りにも初歩的な事ではありますが、反映されてないと思った場合、キャッシュを疑いましょう!問題の切り分けを行う上で、恐らく一番最初に確認すべき点です。

今回、自分自身がやってしまったので自戒の念を込めて記事にいたしました。

みなさまもお気をつけあれ!

関連記事:
Office 365 for Macの罠:Accessは非対応
Google AnalyticsでMacユーザのアクセス割合を調べる方法
ユーザー属性とインタレスト カテゴリに関するレポートを活用

スポンサード リンク

  関連記事

google adsense
AdSenseのCPC収益とCPM収益の割合を公開

AdSenseは「RPM」という指標でサイトや広告ユニットの収益性を計測していま …

STINGER5とAll in One SEO PackでOGP設定する際はアイキャッチ画像のサイズに注意
STINGER5 × All in One SEO PackでOGPを設定する際は画像サイズに注意

WordPressの無料テーマであるSTINGER5 + SEOプラグインの&# …

STINGER5にAll in One SEO PackでOGPを設定
STINGERでOGPを簡単に設定する方法

WordPressの無料テーマ「STINGER5」では、OGP(Open Gra …

google adsense
AdSense + A8のeCPM公開!(2015年2月分)

先月(2015年2月分)の当ブログのeCPM公開です! 具体的には、AdSens …

A8に登録されている色々なSEOサービス
色々なSEOサービス – A8広告主

SEO(Search Engine Optimization)は余りにも一般化し …

スマホ広告のnend(ネンド)
スマホスクロール型広告「nend」の成果報告 – CTRとeCPMを公開

先日当サイトに導入してみたスマホスクロール型広告の「nend(ネンド)」を試験導 …

↑PageTop