WordPress個別サポート

エックスサーバーではWordPressを高速に動作させるためmod_pagespeed、FastCGIなどの技術がサポートされています。

これらの技術はWordPressの高速化に役立つ反面、style.cssなどに入力したCSSが反映されない原因にもなります。

高速化はファイルの「キャッシュ」がベースになっているので、style.cssのようなテキストファイルを更新してもリアルタイムで反映されない場合があるためです。

スポンサーリンク

WordPressテーマ「LOTUS (TCD039)」

対処法1:制作中はキャッシュ系の技術を無効にする

CSSを微調整するためにstyle.cssを頻繁に編集する用事がある場合は、mod_pagespeedなどのキャッシュ系の技術を無効にしておいた方が無難です。

mod_pagespeedに限りません。キャッシュ系のプラグインでも同じような問題が起きます。サイト制作中はキャッシュ系の技術やプラグインを止めておきましょう。

エックスサーバーの高速化技術「mod_pagespeed」を無効にする

エックスサーバーの高速化技術「mod_pagespeed」を無効にする

対処法2:Simple Custom CSSなどを使う

CSSを修正したいだけなら、必ずしも子テーマのstyle.cssを編集する必要はありません。「Simple Custom CSS」のような動的にCSSを生成するプラグインを使う方法があります。

Simple Custom CSSでCSSをカスタマイズ

高速化技術の影響を受けずにCSSをカスタマイズする

この方法であれば、mod_pagespeedなどのキャッシュ系の技術を無効にする必要はありません

BizVektorの「CSSカスタマイズ」メニューやJetpackプラグインの「CSS編集」メニューも同じです。これらのメニューで入力したCSSはページを表示した時点で動的なスタイルとして生成されるので、基本的にはキャッシュ系の技術の影響を受けません。

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
WordPress講座の問い合わせ先

関連記事

BizVektorのカスタマイズ

WordPressカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート